diff --git a/stories/examples/FallbackImage.stories.tsx b/stories/examples/FallbackImage.stories.tsx
new file mode 100644
index 0000000..4296718
--- /dev/null
+++ b/stories/examples/FallbackImage.stories.tsx
@@ -0,0 +1,106 @@
+import { Language } from './components/Language';
+import { Map, Marker, Source, StyleLoaded, Layer } from '../../src';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import type { LayerProps } from '../../src';
+
+const pointsLayer: LayerProps = {
+ id: 'points',
+ type: 'symbol',
+ source: 'points',
+ layout: {
+ // These icons are a part of the Mapbox Light style.
+ // To view all images available in a Mapbox style, open
+ // the style in Mapbox Studio and click the "Images" tab.
+ // To add a new image to the style at runtime see
+ // https://docs.mapbox.com/mapbox-gl-js/example/add-image/
+ 'icon-image': [
+ 'coalesce',
+ ['image', ['get', 'icon']],
+ // If no image with the name above exists, show the
+ // "rocket" image instead.
+ ['image', 'rocket'],
+ ],
+ 'text-field': ['get', 'title'],
+ 'text-font': ['Open Sans Semibold', 'Arial Unicode MS Bold'],
+ 'text-offset': [0, 0.6],
+ 'text-anchor': 'top',
+ },
+};
+
+const meta = {
+ title: '示例/FallbackImage',
+ render: () => {
+ return (
+
+ );
+ },
+ parameters: {
+ layout: 'fullscreen',
+ },
+ argTypes: {},
+ args: {
+ lngLat: [-122.414, 37.776],
+ },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+export const FallbackImage: Story = {
+ args: {},
+};