生活随笔
收集整理的這篇文章主要介紹了
百度热力图
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
var SGheadMapPoints = {/*obj={ maxLng: minLng: maxLat: minLat: maxCount:最大人數 minCount:最小人數 total:點位數量 }*/get: function (obj) {var arr = [];obj.maxCount || (obj.maxCount = 100);/*默認最大游客數量1000人*/obj.minCount || (obj.minCount = 0); /*默認最小游客數量0*/obj.total || (obj.total = 50);/*默認50個點位*/for (var i = 0, len = obj.total; i < len; i++) {arr.push({lng: random.getDecimal(obj.maxLng, obj.minLng), lat: random.getDecimal(obj.maxLat, obj.minLat), count: random.getInteger(obj.maxCount, obj.minCount)});}return arr;}
};/*熱力圖*/
function showHeatMap() {function isSupportCanvas() {var elem = document.createElement("canvas");return !!(elem.getContext && elem.getContext("2d"));}isSupportCanvas() || alert("您所使用的瀏覽器不能使用熱力圖功能~");var dt = map._map;/*長期需要修改的參數*/var zoom = 15;/*地圖放大比例尺*/var center = [119.913334, 30.247953];/*景區中心坐標*/var right_top_center = [119.975245, 30.287816];/*景區右上角坐標*/var left_bottom_center = [119.879235, 30.235411];/*景區左下角坐標*/var points = SGheadMapPoints.get({maxLng: right_top_center[0],minLng: left_bottom_center[0],maxLat: right_top_center[1],minLat: left_bottom_center[1],maxCount: 100,minCount: 0,total: 50});var point = new BMap.Point(center[0], center[1]);dt.centerAndZoom(point, zoom);dt.enableScrollWheelZoom();dt.setMapType(BMAP_SATELLITE_MAP);//加載百度默認衛星地圖 dt.setMapStyle({style: 'midnight'});//高端黑、酷炫風格var rlt = new BMapLib.HeatmapOverlay({"radius": 20});dt.addOverlay(rlt),rlt.setDataSet({data: points,max: 10});/*max點位擴散程度（推薦10-100，值越小越聚攏）*/
}showHeatMap();
總結
以上是生活随笔為你收集整理的百度热力图的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
