百度地图--热力图

电玩女神 2021-12-18 18:19 579阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=VNekEeQpPj7NhVX9jxcjiC1onpZUNToQ"></script>
    	<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
      <title>XXXXX</title>
      <style type="text/css">
    		ul,li{list-style: none;margin:0;padding:0;float:left;}
    		html{height:100%}
    		body{height:100%;margin:0px;padding:0px;font-family:"微软雅黑";}
    		#allmap{height:100%;width:100%;}
        </style>
    </head>
    <body>
      <div id="allmap"></div>
    </body>
    </html>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript">
      // 百度地图API功能
      var map = new BMap.Map("allmap");
      var point = new BMap.Point(116.418261, 39.921984);
      map.centerAndZoom(point, 10);
      // 编写自定义函数,创建标注
      function addMarker(point){
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
      }
      var res = [{"count": 70, "name": "八达岭", "type": "OTHER", "ll": 4, "rank": "5A级", "sid": "703", "lat": 40.362639, "lng": 116.024067, "open": "08:00-17:00", "region": "昌平区"}, {"count": 60, "name": "八大处", "type": "S5", "ll": 5, "rank": "4A级", "sid": "704", "lat": 39.968527, "lng": 116.190196, "open": "06:00-19:00", "region": "石景山区"}, {"count": 60, "name": "颐和园", "type": "S5", "ll": 5, "rank": "5A级", "sid": "706", "lat": 40.004869, "lng": 116.278749, "open": "06:30-18:00", "region": "海淀区"}, {"count": 60, "name": "故宫", "type": "S5", "ll": 5, "rank": "5A级", "sid": "707", "lat": 39.924091, "lng": 116.403414, "open": "08:20-17:00", "region": "东城区"}, {"count": 60, "name": "天坛公园", "type": "S5", "ll": 5, "rank": "5A级", "sid": "751", "lat": 39.888243, "lng": 116.417246, "open": "06:00-21:00", "region": "东城区"}, {"count": 60, "name": "红螺寺", "type": "S5", "ll": 5, "rank": "4A级", "sid": "753", "lat": 40.389444, "lng": 116.634066, "open": "08:00-17:00", "region": "怀柔区"}, {"count": 60, "name": "龙庆峡", "type": "S5", "ll": 5, "rank": "4A级", "sid": "756", "lat": 40.557933, "lng": 116.00825, "open": "07:00-16:30", "region": "延庆区"}, {"count": 70, "name": "动物园", "type": "S5", "ll": 4, "rank": "", "sid": "758", "lat": 39.947735, "lng": 116.343376, "open": "07:30-18:00", "region": "西城区"}, {"count": 60, "name": "石景山游乐园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "761", "lat": 39.917734, "lng": 116.215291, "open": "09:00-17:30", "region": "石景山区"}, {"count": 60, "name": "慕田峪长城", "type": "S5", "ll": 5, "rank": "5A级", "sid": "762", "lat": 40.437442, "lng": 116.571611, "open": "07:30-17:30", "region": "怀柔区"}, {"count": 60, "name": "景山公园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "763", "lat": 39.93227, "lng": 116.402818, "open": "06:30-21:00", "region": "西城区"}, {"count": 60, "name": "中山公园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "764", "lat": 39.916702, "lng": 116.400582, "open": "07:00-18:00", "region": "东城区"}, {"count": 100, "name": "北京海洋馆", "type": "S5", "ll": 1, "rank": "4A级", "sid": "767", "lat": 39.950277, "lng": 116.347542, "open": "09:00-17:30", "region": "西城区"}, {"count": 60, "name": "玉渊潭公园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "769", "lat": 39.922467, "lng": 116.326526, "open": "06:00-21:30", "region": "海淀区"}, {"count": 80, "name": "陶然亭景区", "type": "S5", "ll": 3, "rank": "4A级", "sid": "770", "lat": 39.88066, "lng": 116.388442, "open": "06:00-22:00", "region": "西城区"}, {"count": 80, "name": "紫竹院公园", "type": "S5", "ll": 3, "rank": "4A级", "sid": "773", "lat": 39.948437, "lng": 116.32483, "open": "06:00-20:00", "region": "海淀区"}, {"count": 60, "name": "恭王府", "type": "S5", "ll": 5, "rank": "5A级", "sid": "777", "lat": 39.943627, "lng": 116.39255, "open": "08:00-17:00", "region": "西城区"}, {"count": 60, "name": "北京欢乐谷", "type": "S5", "ll": 5, "rank": "4A级", "sid": "778", "lat": 39.873848, "lng": 116.501366, "open": "08:30-22:00", "region": "朝阳区"}, {"count": 60, "name": "十三陵", "type": "S5", "ll": 5, "rank": "5A级", "sid": "779", "lat": 40.263544, "lng": 116.231846, "open": "08:00-17:30", "region": "昌平区"}, {"count": 60, "name": "北宫森林公园", "type": "S5", "ll": 5, "rank": "5A级", "sid": "780", "lat": 39.871839, "lng": 116.12471, "open": "08:00-17:30", "region": "丰台区"}, {"count": 70, "name": "北海公园", "type": "S5", "ll": 4, "rank": "4A级", "sid": "783", "lat": 39.932909, "lng": 116.39548, "open": "06:30-20:00", "region": "西城区"}, {"count": 60, "name": "凤凰岭自然风景区", "type": "S5", "ll": 5, "rank": "4A级", "sid": "805", "lat": 40.112884, "lng": 116.091588, "open": "07:00-17:30", "region": "海淀区"}, {"count": 60, "name": "朝阳公园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "806", "lat": 39.949955, "lng": 116.489038, "open": "06:00-22:00", "region": "朝阳区"}, {"count": 60, "name": "龙潭湖公园", "type": "S5", "ll": 5, "rank": "", "sid": "807", "lat": 39.885848, "lng": 116.444742, "open": "06:00-22:00", "region": "东城区"}, {"count": 80, "name": "圆明园遗址公园", "type": "S5", "ll": 3, "rank": "4A级", "sid": "808", "lat": 40.012658, "lng": 116.309804, "open": "07:00-21:00", "region": "海淀区"}, {"count": 90, "name": "地坛公园", "type": "S5", "ll": 2, "rank": "4A级", "sid": "810", "lat": 39.959903, "lng": 116.421358, "open": "06:00-21:30", "region": "东城区"}, {"count": 60, "name": "什刹海", "type": "S5", "ll": 5, "rank": "", "sid": "815", "lat": 39.946208, "lng": 116.393981, "open": "全天开放", "region": "西城区"}, {"count": 60, "name": "云居寺", "type": "S5", "ll": 5, "rank": "4A级", "sid": "817", "lat": 39.615208, "lng": 115.781391, "open": "08:30-16:30", "region": "房山区"}, {"count": 60, "name": "潭柘寺", "type": "S5", "ll": 5, "rank": "", "sid": "818", "lat": 39.91122, "lng": 116.03762, "open": "08:30-16:30", "region": "门头沟区"}, {"count": 60, "name": "居庸关", "type": "S5", "ll": 5, "rank": "", "sid": "820", "lat": 40.296972, "lng": 116.079159, "open": "07:30-17:10", "region": "昌平区"}, {"count": 60, "name": "世界花卉大观园", "type": "S5", "ll": 5, "rank": "4A级", "sid": "821", "lat": 39.840957, "lng": 116.359769, "open": "08:00-17:30", "region": "丰台区"}, {"count": 60, "name": "雁栖湖", "type": "S5", "ll": 5, "rank": "4A级", "sid": "822", "lat": 40.398683, "lng": 116.673574, "open": "09:00-17:00", "region": "怀柔区"}];
      heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":20});
      map.addOverlay(heatmapOverlay);
      heatmapOverlay.setDataSet({data: res,max:100});
    </script>

超级简单的景区热力图