html5 热力图 百度地图api
我用异步加载了百度地图（同步chrome总是崩溃）接下来怎么做出这个效果http://developer.baidu.com/map/jsdemo.htm#c1_15<!...
我用异步加载了百度地图（同步chrome总是崩溃）
接下来怎么做出这个效果
http://developer.baidu.com/map/jsdemo.htm#c1_15
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
<title>异步加载</title>
<script type="text/javascript">// 异步加载的方法
function initialize() {
var mp = new BMap.Map('map');
mp.centerAndZoom(new BMap.Point(116.418261, 39.921984),15);
mp.enableScrollWheelZoom();} // 允许滚轮缩放
// 页面load事件
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
document.body.appendChild(script);}
window.onload = loadScript;
</script>
</head>
<style type="text/css">
body, html{height: 100%;margin:0;}
#map{height:100%;width:100%; border:1px solid #ccc;font-size:12px;}
</style>
<body>
<div id="map"></div>
</body>
</html>
还是没有出热力图的效果，肿么破呐？？
</script>
function initialize() {
var mp = new BMap.Map('map');
mp.centerAndZoom(new BMap.Point(116.418261, 39.921984),15);
mp.enableScrollWheelZoom();} // 允许滚轮缩放
// 页面load事件
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
document.body.appendChild(script);}
window.onload = loadScript; 展开
接下来怎么做出这个效果
http://developer.baidu.com/map/jsdemo.htm#c1_15
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
<title>异步加载</title>
<script type="text/javascript">// 异步加载的方法
function initialize() {
var mp = new BMap.Map('map');
mp.centerAndZoom(new BMap.Point(116.418261, 39.921984),15);
mp.enableScrollWheelZoom();} // 允许滚轮缩放
// 页面load事件
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
document.body.appendChild(script);}
window.onload = loadScript;
</script>
</head>
<style type="text/css">
body, html{height: 100%;margin:0;}
#map{height:100%;width:100%; border:1px solid #ccc;font-size:12px;}
</style>
<body>
<div id="map"></div>
</body>
</html>
还是没有出热力图的效果，肿么破呐？？
</script>
function initialize() {
var mp = new BMap.Map('map');
mp.centerAndZoom(new BMap.Point(116.418261, 39.921984),15);
mp.enableScrollWheelZoom();} // 允许滚轮缩放
// 页面load事件
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
document.body.appendChild(script);}
window.onload = loadScript; 展开
1个回答
展开全部
你代码中，都没有热力图的数据，怎么会出来？
异步加载后，把数据放到points数组，
然后使用JS代码(API案例很详细)
heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":20});
map.addOverlay(heatmapOverlay);
heatmapOverlay.setDataSet({data:points,max:100});
追问
贴出来的这个没写。。。是因为我试了之后，没出来效果。然后就想问问，到底这段应该写在哪。嘿，新手不太懂。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
