html网页heatmap.js调用百度地图api做热力图调用百度地图API显示热力图

1、百度地图开方者平台注册登录

https://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5

2、申请秘钥,重要的事情说三次!

在控制台-----我的应用里面----创建一个应用;

html网页heatmap.js调用百度地图api做热力图调用百度地图API显示热力图_第1张图片

最关键的地方在于,秘钥的白名单啊!我就是死在这里的,设置成*而不是*.*.*

最坑的就是提示了,我设置成*不行,必须设置成*.*.*,然而我设置成*.*.*的话我的热力图显示不出来,但是地图可以显示出来;

我搞了好几天才发现原来是白名单这里的问题

html网页heatmap.js调用百度地图api做热力图调用百度地图API显示热力图_第2张图片

 

 设置成功以后,会有一个AK,就是秘钥了

html网页heatmap.js调用百度地图api做热力图调用百度地图API显示热力图_第3张图片

 


代码如下

我的秘钥我把去掉了,隐私!你把你的秘钥加上去就可以了




    
    
    
    
    热力图功能示例
    	


	

 我们网页上看一下吧

html网页heatmap.js调用百度地图api做热力图调用百度地图API显示热力图_第4张图片

你可能感兴趣的:(h5前端)