高德地图使用天地图底图

发布日期：2024-10-14 16:51    点击次数：125

2021-01-25 17:36

图片

我们在开发的时候，无非就是【天地图、百度地图、高德地图、谷歌地图】，殊不知在某种时候，我们是可以切换地图图层的。

例如：我们在开发的时候用的是高德地图，等上线后，应用商如果是政府部门，他们基本会使用天地图，要求更换地图，这时候是不是心里慌的一批，全部的代码都是在高德地图上开发的，这时候换岂不是要重新开发，其实不用。有方法只需要更换底图即可。

我们按照正常的高德地图开发流程，引用高德地图，然后进行初始化，随后进行相关的一切开发，如果想切换图层，比如卫星图切换为路网图，热力图等，只需几行代码即可。

切换图层类高德也有相关的文档说明(如下图)：

图片

高德地图图层类

下面直接附上高德地图底图切换为天地图的代码：initMap() { var _this = this; window.markerClick = this.markerClick; window.mapClickFunc = this.mapClickFunc; const KEY = '天地图key' const xyzTileLayer = new AMap.TileLayer({ // 天地图底图图块取图地址 getTileUrl: `http://t{0,1,2,3,4,5,6,7}.tianditu.gov.cn/DataServer?T=vec_w&tk=${KEY}&x=[x]&y=[y]&l=[z]`, zIndex: 1 }) const wordTileLayer = new AMap.TileLayer({ // 天地图文字标注图块取图地址 getTileUrl: `http://t{0,1,2,3,4,5,6,7}.tianditu.gov.cn/DataServer?T=cva_w&tk=${KEY}&x=[x]&y=[y]&l=[z]`, zIndex: 2 }) this.mapObj = new AMap.Map('mapGis', { resizeEnable: true, zoom: 13, center: [ this.mapCenter.longitude