fix: build error

huanglii · huanglii · commit ff4ae43722d5 · 2025-07-26T17:35:51.000+08:00
diff --git a/docs/examples/image-27770.md b/docs/examples/image-27770.md
@@ -15,6 +15,7 @@ Display an image with a custom defined projection (e.g., EPSG:27770).
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="https://unpkg.com/maplibre-gl/dist/maplibre-gl.css" />
     <script src="https://unpkg.com/maplibre-gl/dist/maplibre-gl.js"></script>
+    <script src="https://unpkg.com/proj4/dist/proj4.js"></script>
     <script src="https://unpkg.com/@naivemap/maplibre-gl-image-layer"></script>
     <style>
       * {
@@ -31,6 +32,13 @@ Display an image with a custom defined projection (e.g., EPSG:27770).
   <body>
     <div id="map"></div>
     <script>
+      proj4.defs(
+        'EPSG:27700',
+        '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 ' +
+          '+x_0=400000 +y_0=-100000 +ellps=airy ' +
+          '+towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 ' +
+          '+units=m +no_defs'
+      )
       const map = new maplibregl.Map({
         container: 'map',
         style: 'https://www.naivemap.com/demotiles/style.json',
@@ -43,15 +51,8 @@ Display an image with a custom defined projection (e.g., EPSG:27770).
         }
       })
       map.on('load', () => {
-        proj4.defs(
-          'EPSG:27700',
-          '+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 ' +
-            '+x_0=400000 +y_0=-100000 +ellps=airy ' +
-            '+towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 ' +
-            '+units=m +no_defs'
-        )
-        const layer4326 = new ImageLayer('image-layer', {
-          url: 'https://www.naivemap.com/mapbox-gl-js-cookbook/assets/images/4326.png',
+        const layer = new ImageLayer('image-layer', {
+          url: './images/2000px-British_National_Grid.png',
           projection: 'EPSG:27700',
           coordinates: [
             [0, 1300000], // top-left
@@ -61,7 +62,7 @@ Display an image with a custom defined projection (e.g., EPSG:27770).
           ]
         })
 
-        map.addLayer(layer4326)
+        map.addLayer(layer)
       })
     </script>
   </body>
diff --git a/docs/examples/image.md b/docs/examples/image.md
@@ -44,7 +44,7 @@ Display an image with a custom projection (e.g., EPSG:4326).
       })
       map.on('load', () => {
         const layer4326 = new ImageLayer('image-layer', {
-          url: 'https://www.naivemap.com/mapbox-gl-js-cookbook/assets/images/4326.png',
+          url: './images/Terrain_CQ.png',
           projection: 'EPSG:4326',
           coordinates: [
             [105.289838, 32.204171], // top-left
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     "typedoc": "pnpm -r typedocs",
     "gen-docs-example": "node ./scripts/gen-docs-example.js",
     "docs:example": "pnpm gen-docs-example",
-    "docs:dev": "pnpm build && concurrently \"pnpm typedoc\" \"vitepress dev docs\"",
+    "docs:dev": "pnpm build && concurrently \"pnpm typedoc --watch\" \"vitepress dev docs\"",
     "docs:build": "pnpm build && pnpm typedoc && pnpm docs:example && vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "test": "vitest",
diff --git a/packages/maplibre-gl-echarts-layer/package.json b/packages/maplibre-gl-echarts-layer/package.json
@@ -29,7 +29,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "typedocs": "pnpm typedoc --watch"
+    "typedocs": "pnpm typedoc"
   },
   "peerDependencies": {
     "echarts": "^5.0.0",
diff --git a/packages/maplibre-gl-image-layer/package.json b/packages/maplibre-gl-image-layer/package.json
@@ -29,7 +29,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "typedocs": "pnpm typedoc --watch"
+    "typedocs": "pnpm typedoc"
   },
   "peerDependencies": {
     "proj4": "^2.8.0",
