高德地图api加载天地图和2D热力图及关闭 JSAPI v1.4.15
地图API地址
[http://lbs.tianditu.gov.cn/server/MapService.html](http://lbs.tianditu.gov.cn/server/MapService.html)
高德地图2D热力图地址
[https://lbs.amap.com/demo/loca-api/demos/loca_heatmap/loca_heatmap_3d](https://lbs.amap.com/demo/loca-api/demos/loca_heatmap/loca_heatmap_3d)
AMapLoader.load({
key: "",
plugins: ['AMap.Weather', 'AMap.MouseTool'],
AMapUI: {
version: '1.1',
plugins: ['misc/PathSimplifier']
},
Loca: {}
}).then((AMap) => {
let wms = tileLayerUrl('img')
state.AMap = AMap
state.map = new AMap.Map("container", {
zoom: 11.1,
zooms: [5, 20],
expandZoomRange: true,
center: state.center2D,
layers: [
wms
],
});
function tileLayerUrl(layer, id) {
let wms = new AMap.TileLayer.WMTS({
url: `http://t1.tianditu.gov.cn/${layer}_w/wmts`,
blend: false,
tileSize: 256,
zIndex: 2,
params: {
Layer: 'img',
Version: '1.0.0',
Format: 'tiles',
TileMatrixSet: 'w',
STYLE: 'default',
tk: ''
}
})
return wms
}
let heatmapLayer = ref(null)
function peopleVisualMap(heatmapData) {
heatmapLayer.value = new Loca.HeatmapLayer({
map: state.map,
});
if (heatmapData) {
let list = [];
let i = -1, length = heatmapData.length;
while (++i < length) {
let item = heatmapData[i];
list.push({
coordinate: [item.lng, item.lat],
count: item.count
})
}
heatmapLayer.value.setData(list, {
lnglat: 'coordinate',
value: 'count'
});
heatmapLayer.value.setOptions({
style: {
radius: 40,
color: {
0.5: '#2c7bb6',
0.65: '#abd9e9',
0.7: '#ffffbf',
0.9: '#fde468',
1.0: '#d7191c'
}
}
});
}
heatmapLayer.value.render();
}
function clearPeopleVisual() {
heatmapLayer.value.hide();
}