Initial commit (#1)

Author: huanglii

.changeset/fluffy-doors-rescue.md

@@ -0,0 +1,6 @@
+---
+'@naivemap/maplibre-gl-echarts-layer': patch
+'@naivemap/maplibre-gl-image-layer': patch
+---
+
+first release

.changeset/fruity-dryers-beg.md

@@ -0,0 +1,6 @@
+---
+'@naivemap/maplibre-gl-echarts-layer': patch
+'@naivemap/maplibre-gl-image-layer': patch
+---
+
+first release

.changeset/pre.json

@@ -0,0 +1,12 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "@naivemap/maplibre-gl-echarts-layer": "0.0.0",
+    "@naivemap/maplibre-gl-image-layer": "0.0.0"
+  },
+  "changesets": [
+    "fluffy-doors-rescue",
+    "fruity-dryers-beg"
+  ]
+}

.gitignore

@@ -10,4 +10,5 @@ yarn.lock
 docs/.vitepress/dist/
 docs/.vitepress/cache/
 
-docs/api/
+docs/api/echarts-layer/
+docs/api/image-layer/

.prettierrc.cjs renamed to .prettierrc.js

@@ -4,17 +4,17 @@ import { fileURLToPath } from 'node:url'
 import { ReflectionKind } from 'typedoc'
 import type { DefaultTheme } from 'vitepress'
 import { defineConfig } from 'vitepress'
-import apiJSON from '../../api/api.json'
+import apiJSON from '../../api/echarts-layer/api.json'
 import { pascalToKebab, singularToPlural } from './util'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   lang: 'zh-Hans-CN',
-  title: 'Lib',
+  title: 'maplibre-gl-layers',
   // titleTemplate: 'Lib',
-  description: 'A JavaScript library template built with Vite',
-  base: '/vite-lib-template/',
-  head: [['link', { rel: 'icon', href: '/vite-lib-template/logo.svg' }]],
+  description: '自定义图层集',
+  base: '/maplibre-gl-layers/',
+  head: [['link', { rel: 'icon', href: '/maplibre-gl-layers/logo.svg' }]],
   cleanUrls: true,
   rewrites: {
     '(.*)/README.md': '(.*)/index.md'
@@ -35,11 +35,23 @@ export default defineConfig({
     },
     nav: [
       { text: '快速开始', link: '/starter' },
-      { text: '示例', link: '/examples' },
-      { text: 'API', link: '/api' }
+      { text: 'API', link: '/api' },
+      { text: '示例', link: '/examples' }
     ],
     sidebar: {
-      '/api': sidebarApi(),
+      // '/api': sidebarApi(),
+      api: [
+        {
+          text: 'echarts-layer',
+          link: '/api/echarts-layer',
+          items: sidebarApi('echarts-layer')
+        },
+        {
+          text: 'image-layer',
+          link: '/api/image-layer',
+          items: sidebarApi('image-layer')
+        }
+      ],
       '/examples': [
         {
           text: '示例',
@@ -51,11 +63,11 @@ export default defineConfig({
     socialLinks: [
       {
         icon: 'github',
-        link: 'https://github.com/huanglii/vite-lib-template'
+        link: 'https://github.com/naivemap/maplibre-gl-layers'
       }
     ],
     editLink: {
-      pattern: 'https://github.com/huanglii/vite-lib-template/edit/main/docs/:path',
+      pattern: 'https://github.com/naivemap/maplibre-gl-layers/edit/main/docs/:path',
       text: '在 GitHub 上编辑此页面'
     },
     footer: {
@@ -118,7 +130,7 @@ export default defineConfig({
 /**
  * 生成 API 侧边栏
  */
-function sidebarApi(): DefaultTheme.SidebarItem[] {
+function sidebarApi(pkg: string): DefaultTheme.SidebarItem[] {
   /**
    * 按类型分组 Kinds of reflection:
    * URL_ADDRESS   * https://typedoc.org/api/enums/Models.ReflectionKind.html
@@ -133,7 +145,7 @@ function sidebarApi(): DefaultTheme.SidebarItem[] {
     res.push({
       text: key,
       items: value.map((item) => {
-        return { text: item.name, link: `/api/${path}/${item.name}` }
+        return { text: item.name, link: `/api/${pkg}/${path}/${item.name}` }
       })
     })
   }

docs/.vitepress/config/index.mts

@@ -10,3 +10,7 @@
   --vp-home-hero-image-background-image: linear-gradient(-45deg, #0067ff 50%, #d3f2ff 50%);
   --vp-home-hero-image-filter: blur(44px);
 }
+
+.VPHero.has-image .text {
+  margin-top: 12px !important;
+}

docs/.vitepress/theme/styles/index.less

@@ -0,0 +1 @@
+# API References

docs/api/index.md

@@ -0,0 +1,63 @@
+
+# 投影图片
+
+显示 EPSG:4326 投影的图片。
+
+<iframe src="/maplibre-gl-layers/demos/image.html" width="100%" style="border:none; height:400px"></iframe>
+
+```html
+<!doctype html>
+<html lang="zh-Hans">
+  <head>
+    <title>投影图片</title>
+    <meta property="og:description" content="显示 EPSG:4326 投影的图片。" />
+    <meta charset="utf-8" />
+    <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/@naivemap/maplibre-gl-image-layer"></script>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+      }
+
+      #map {
+        height: 400px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="map"></div>
+    <script>
+      const map = new maplibregl.Map({
+        container: 'map',
+        style: 'https://www.naivemap.com/demotiles/style.json',
+        bounds: [
+          [105.289838, 32.204171],
+          [110.195632, 28.164713]
+        ],
+        fitBoundsOptions: {
+          padding: { top: 10, bottom: 10, left: 10, right: 10 }
+        }
+      })
+      map.on('load', () => {
+        const layer4326 = new ImageLayer('image-layer', {
+          url: 'https://www.naivemap.com/mapbox-gl-js-cookbook/assets/images/4326.png',
+          projection: 'EPSG:4326',
+          coordinates: [
+            [105.289838, 32.204171], // top-left
+            [110.195632, 32.204171], // top-right
+            [110.195632, 28.164713], // bottom-right
+            [105.289838, 28.164713] // bottom-left
+          ]
+        })
+
+        map.addLayer(layer4326)
+      })
+    </script>
+  </body>
+</html>
+
+```