使用 水经微图 (公司提供的,需付费,我也没有这个东西)下载注记地图;
1、选择下载
选择区域:
根据需求进行选择,两边都可以选择,看个人喜欢;这里以澳门为演示
选择地图:
我选择的高德地图
点击下载,进行下一步
2、导出设置
地图类型 :
选择 "标签:仅下载路网"
选择层级 :
这里以13级为例,层级勾选的越多,越大;层级越高,越大;
【下载完成后导出图片】可方便操作;不勾也无事,导出图片需要手动点击下;
导出设置 :
选择【导出瓦片】,以瓦片方式进行加载;
瓦片格式 :自定义瓦片;点击设置,弹窗如下,基本不需要更改;
文件格式 :无要求,加载时对应后缀即可;以png后缀为例
坐标投影:选择 【WGS84 web墨卡托投影】,和mars3d的坐标系一致,否则可能会导致瓦片位置不对
导出选项:【边界范围裁剪】一定要勾选上;否则全国的省份注记都会下载,但是内部注记没有数据,缩小时会导致省份的注记文本很大,
导出颜色:选择【透明】,如果没有透明颜色,选择【更多】
更多的弹窗 在右侧;将【Alpha通道 】改为0,即为透明,点击 【OK】按钮
导出级别 :不用选择,勾选的所有层级
导出目录 :按需选择文件夹
点击【确定】按钮,进入下一步
确定下载
点击【确定】按钮,进入【任务列表】
导出成功
下载完成后会直接导出,如未勾选【下载完成后导出图片】,则需要手动点击【导出】按钮
导出成功后打开对应目录;
所需要的地图瓦片就在 自定义瓦片 文件夹下,下面是目录结构,因为只下载了13级,所以只有名为12的文件夹;格式选择的 -1,文件夹名称需要 -1;
3、加载底图
发布数据就不在这里细说;如果这方面没有接触过的可以看下mars3d的开发教程 【发布三维数据服务】 -Mars3D 三维可视化平台 | 火星科技 | 地图开发
代码加载:
我加载的是下载 mars3d 的功能示例,直接查看效果的;
在示例代码中找个 xyzLayer 图层加载的示例,将url 链接改成发布后的数据连接
在对应示例链接查看效果;但是澳门比较小,找不到那块区域
查找加载区域:
水经注 - 新建任务时有个最小和最大坐标;选择其中的一个,定位过去
tileLayer.on("load", () => {
map.flyToPoint([113.60387327838514, 22.21408285712829], { radius: 20000 })
})
呈现的效果如下;可以看到澳门的注记,这里只有13层级,可以根据自己的需求勾选层级