//天地图js
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的key"></script>
//热力图js(根据业务引入)
<script type="text/javascript" src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/HeatmapOverlay.js"></script>
<div id="mapDiv"></div>
initMap() {
const T = window.T
let map = new T.Map("mapDiv");
map.centerAndZoom(new T.LngLat(123.430898,41.788128), '14');
// 设置地图主题色蓝色
map.setStyle('indigo')
// 设置地图主题色黑色
// map.setStyle('black')
// 设置热力图
let heatmapOverlay = new T.HeatmapOverlay({
radius: 30
})
map.addOverLay(heatmapOverlay)
// 设置热力图显示的经纬度
heatmapOverlay.setDataSet({data: [
{lng: 123.453644, lat: 41.780768, count:120},
{lng: 123.439482, lat: 41.789664, count: 610},
{lng: 123.426092, lat: 41.785312, count: 180},
{lng: 123.427294, lat: 41.795103, count: 180},
{lng: 123.425094, lat: 41.792403, count: 180},
{lng: 123.427294, lat: 41.795103, count: 180},
{lng: 123.406265, lat: 41.799262, count: 180},
{lng: 123.406365, lat: 41.794262, count: 180},
{lng: 123.406265, lat: 41.799262, count: 180},
{lng: 123.417681, lat: 41.777824, count: 180},
], max: 300});
// 显示热力图
setTimeout(() => {
this.heatmapOverlay.show()
},1000)
},
原文地址:https://blog.csdn.net/qq_45078916/article/details/132561593
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_19107.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。