DMapT-基于Cesium+NodeJS瓦片地图下载工具

DMapT-狗狗地图工具,基于Cesium+NodeJS瓦片地图下载工具,可下载指定区域的离线地图瓦片,支持天地图、高德地图

- 可扩展其他地图

#### 软件架构

- 前端:VUE + ElementUI + Cesium

- 后端:NodeJS + OXKit

#### 使用说明

##### 方式一:按路径访问

* 天地图瓦片地址(示例):

- http://127.0.0.1:8001/map/tile/tianditu/cva_w/wmts/{z}/{x}/{y}.png

- http://127.0.0.1:8001/map/tile/tianditu/cva_w/wmts/1/1/0.png

* 高德地图访问地址(示例):

- http://127.0.0.1:8001/map/tile/autonavi/vec/wmts/{z}/{x}/{y}.png

- http://127.0.0.1:8001/map/tile/autonavi/vec/wmts/1/1/0.png

##### 方式二:按参数访问

* 天地图瓦片访问地址(示例):

- http://127.0.0.1:8001/tianditu/vec_w/wmts?service=WMTS&request=GetTile&version=1.0.0&layer={layer}&tileMatrixSet={tileMatrixSet}&tilematrix={tilematrix}&tilerow={tilerow}&tilecol={tilecol}

- http://127.0.0.1:8001/tianditu/vec_w/wmts?service=WMTS&request=GetTile&version=1.0.0&layer=vec&tileMatrixSet=w&tilematrix=1&tilerow=1&tilecol=0

* 高德地图访问地址(示例):

- http://127.0.0.1:8001/autonavi/appmaptile?vec=1&z={z}&x={x}&y={y}.png

- http://127.0.0.1:8001/autonavi/appmaptile?vec=1&z=1&x=1&y=0.png

##### 配置说明

* 服务端配置文件:server/config/app.config.js

* 前端配置文件:app/public/config/app.config.js

* 瓦片默认存储路径:xdata/map/tile

低配置云服务器,首次加载速度较慢,请耐心等候

在线演练(前端):http://www.daelui.com/df3s/dmapt/app/index.html

git库地址:https://gitee.com/daelui-df3s/dmapt

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
您可以使用Cesium来加载离线瓦片地图。下面是一些步骤可以帮助您实现这一目标: 1. 获取离线瓦片地图数据:您可以通过各种方式获取离线瓦片地图数据,例如使用ArcGIS、Mapbox或者其他地图提供商的工具来下载离线瓦片数据。确保您已经获得了包含瓦片图像的文件夹结构。 2. 设置Cesium环境:首先,将CesiumJavaScript库文件引入到您的项目中。您可以从Cesium官方网站下载Cesium库文件,然后将其包含在您的HTML文件中。 3. 创建Cesium Viewer:在您的JavaScript代码中,创建一个Cesium Viewer实例,这将作为加载和显示地图的容器。 ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 4. 配置离线地图:使用Cesium的ImageryLayer概念,您可以将自定义的离线瓦片地图添加到Cesium Viewer中。使用`Cesium.createTileMapServiceImageryProvider`函数来创建一个ImageryLayer,指定地图数据的路径。 ```javascript var tileMapService = new Cesium.createTileMapServiceImageryProvider({ url: 'path/to/your/tilemapdata' }); viewer.imageryLayers.addImageryProvider(tileMapService); ``` 请将"path/to/your/tilemapdata"替换为您实际的瓦片地图数据路径。 5. 运行应用程序:保存并运行您的应用程序,您将能够在Cesium Viewer中加载和显示离线瓦片地图。 这些步骤应该能够帮助您加载离线瓦片地图。请注意,具体的实施步骤可能因您选择的离线瓦片地图来源和数据格式而有所不同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值