瀏覽代碼

[Mod 0000] 地图依赖修改

houzekong 4 月之前
父節點
當前提交
38fe9477c9
共有 3 個文件被更改,包括 15 次插入4 次删除
  1. 0 0
      public/js/shanxi.geo.json
  2. 15 4
      src/layouts/default/feature/SimpleMap.vue
  3. 0 0
      src/layouts/default/feature/taiyuan.json

文件差異過大導致無法顯示
+ 0 - 0
public/js/shanxi.geo.json


+ 15 - 4
src/layouts/default/feature/SimpleMap.vue

@@ -7,7 +7,6 @@
   // 引入 Leaflet
   // 引入 Leaflet
   import L from 'leaflet';
   import L from 'leaflet';
   import 'leaflet/dist/leaflet.css';
   import 'leaflet/dist/leaflet.css';
-  import TaiyuanGeoJSON from './taiyuan.json';
   // Ant Design Vue 图标
   // Ant Design Vue 图标
 
 
   // --- 1. 组件引用和状态定义 ---
   // --- 1. 组件引用和状态定义 ---
@@ -16,6 +15,16 @@
 
 
   // --- 2. 瓦片图层配置 ---
   // --- 2. 瓦片图层配置 ---
   const tileLayers = {
   const tileLayers = {
+    custom: {
+      name: '基准瓦片',
+      layer: null,
+      url: 'https://shaanxizhxx.chinamine-safety.gov.cn/zh1/{y}/{x}/{z}.png',
+      options: {
+        maxZoom: 18,
+        attribution: '',
+        // crossOrigin: true,
+      },
+    },
     satellite: {
     satellite: {
       name: '卫星图',
       name: '卫星图',
       layer: null,
       layer: null,
@@ -44,7 +53,7 @@
 
 
     // 创建地图实例,设置太原市中心和初始缩放级别
     // 创建地图实例,设置太原市中心和初始缩放级别
     map = L.map(mapContainer.value, {
     map = L.map(mapContainer.value, {
-      center: [37.873, 112.564], // 太原市中心坐标 [纬度, 经度]
+      center: [35.841, 108.94], // 西安市中心坐标 [纬度, 经度]
       zoom: 7, // 初始缩放级别,适合城市级别查看
       zoom: 7, // 初始缩放级别,适合城市级别查看
       zoomControl: false, // 显示缩放控件
       zoomControl: false, // 显示缩放控件
       attributionControl: false, // 显示属性控件
       attributionControl: false, // 显示属性控件
@@ -67,8 +76,10 @@
     });
     });
   }
   }
 
 
-  function initGeoJSON() {
-    L.geoJSON(TaiyuanGeoJSON, {
+  async function initGeoJSON() {
+    const response = await fetch('/js/shanxi.geo.json');
+    const ShanXiGeoJSON = await response.json();
+    L.geoJSON(ShanXiGeoJSON, {
       style: function () {
       style: function () {
         return { color: '#ff9100' };
         return { color: '#ff9100' };
       },
       },

文件差異過大導致無法顯示
+ 0 - 0
src/layouts/default/feature/taiyuan.json


部分文件因文件數量過多而無法顯示