关于在线地图和离线地图相关的知识和例子
-
在线百度地图 Online map
-
离线百度地图 Offline map
- 先是将地图瓦片下载下来,下载地图瓦片的软件地址是这里
- 下载一下离线的百度地图api的js文件
- 在api的js文件中将引入图片的地址改成你本地放置瓦片图片的地址
- 其他的按照在线地图写就可以了
- 例子在Offline map文件夹中
- 界面截图
-
离线百度地图涉及一些需要引入的模块
- 需要注意的是离线地图下载的api的js文件,只是最基础的展现地图的文件,如果需要一些比如空间或者热力图之类的,我们就需要下载文件,在引入到我们的项目中
- 基础模块的js文件地址这里
- 例子在Offline map文件夹中
-
离线百度3D地图
- 现在在之前的基础上进一步实现3D地图,我们需要设计一个新的知识点maptalks,这个可以实现离线3D的地图
- 需要注意的是这个例子如果在本地使用需要开启服务,我这块是本地开一个tomcat
- 例子在Offline 3D map文件中
- 界面截图
-
离线自定义百度地图
-
整合例子
- 当使用echarts的创建地图的时候,地图文件不是最新的,所以可能造成误差,所以需要对现有的地图数据进行合并和修改:
显示下载最新的城市的json文件:http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=4
比如当前是将两个城市合并成一个城市,那就把两个json文件手动合并在一起,但是手动合并肯定会有重合的线段,这时候需要用
官网https://mapshaper.org/将json文件引入到这个网页,然后打开控制台console,输入命令-clean就可以将重合的线段去掉了
mapshaper命令:-clip<裁剪>
- 坐标系
WGS84(mapbox、谷歌):即地球坐标系,国际上通用坐标系
GCJ-02(高德、腾讯):即火星坐标系,WGS84坐标系经加密后的坐标系。
BD-09(百度):即百度坐标系,GCJ-02坐标系经加密后的坐标系。