vue离线高德地图瓦片下载

1.百度网盘分享

通过网盘分享的文件：地图下载器.7z
链接: https://pan.baidu.com/s/1pP6tSuNXzpGj_fVO7BKZfQ?pwd=6v1k 提取码: 6v1k

还有别的一些下载器 可以自己尝试一下地图下载器盘点（一） - 阿玛度の博客 - 博客园

2.解压以后，进去双击 点击run.bat

3.会有一个闪退，是没有事情的，等待就可以了

4.进去以后是这样的，有的是需要代理的，

5.选择自己需要的地图，以及城市或者省份，也可以自己绘制

6.点击下载，

注意！！！！！

选择下载路径的时候 文件名字一定要是英文，不要中文！！不要中文！！！！容易下载不下来的

9.代码种使用

  const base_url = "/";
      const layers = [
        new AMap.TileLayer({
          visible: true,
          zIndex: 39,
          opacity: 0.9,
          className: "filtered-tile",         
          getTileUrl: (x, y, z) => {
           return `${base_url}map/${z}/${x}/${y}.png`
          },
        }),
      ];

this.AMap = AMap;
   

      const mapOptions = {
        minZoom: 10, // 最小缩放级别
        maxZoom: 17, // 最大缩放级别
        pitch: this.pitch,
        viewMode: "3D",
        center: this.center,
        zoom: this.zoom,
        mapStyle: this.mapStyle_,
        resizeEnable: true,
        zoomEnable: this.zoomEnable,
        dragEnable: this.dragEnable,
        skyColor: "transparent",
        rotateEnable: true,
        rotation: this.rotation,
        layers: layers,
        gridSize: 0, //关闭网格显示
        opacity: 1,
      };

this.map = new AMap.Map("container", mapOptions);

10  展示效果——我下载的是无标住的，我的级别比较大

原文地址：https://blog.csdn.net/qq_45947672/article/details/143856347

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！