精华内容
下载资源
问答
  • 热力图区域地图热力图,百度地图api
    千次阅读
    2020-02-10 10:42:19

    最简单的地图热力图,用的是百度的api,所以取经纬度的时候最好也用百度地图。

    这里已经填好百度api的key了,但还是建议大家注册使用自己的key,因为有每日额度,超过访问次数了就不可用了。

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=VNekEeQpPj7NhVX9jxcjiC1onpZUNToQ"></script>

    效果展示:

     

    下面是完整代码,注释已经标得很清楚了,直接保存为html文件用浏览器打开就可以了。

    <!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.512885,39.847469);
    //设置打开后的缩放大小,这里设置的大致为中国版图的大小
      map.centerAndZoom(point, 5);
      // 编写自定义函数,创建标注
      function addMarker(point){
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
      }
    //lat是纬度,lng是经度,count是对应的数值大小
    //下列的经纬度基本覆盖了中国各个省份及重要城市
      var res = [{"count": 61, "lat": 30.5984667364009, "lng":114.311581554732},
    {"count": 18, "lat": 30.9306892270182, "lng":113.922510077336},
    {"count": 70, "lat": 30.4593588576181, "lng":114.878490484107},
    {"count": 2, "lat": 31.6965167723283, "lng":113.389450018221},
    {"count": 47, "lat": 30.3408421077429, "lng":112.245522629261},
    {"count": 59, "lat": 32.0147968046692, "lng":112.128537201002},
    {"count": 86, "lat": 30.2052078489415, "lng":115.045532908943},
    {"count": 33, "lat": 30.6974464844923, "lng":111.292549210354},
    {"count": 24, "lat": 31.0417325755696, "lng":112.20639298023},
    {"count": 68, "lat": 30.3965721733169, "lng":114.90160738827},
    {"count": 57, "lat": 29.8470559476464, "lng":114.328519090268},
    {"count": 41, "lat": 32.6350618584011, "lng":110.804529560695},
    {"count": 76, "lat": 30.3335877511463, "lng":113.449609358563},
    {"count": 4, "lat": 30.6696218300994, "lng":113.172409166328},
    {"count": 10, "lat": 30.277939575301, "lng":109.494592618575},
    {"count": 38, "lat": 30.4083579324189, "lng":112.905474090816},
    {"count": 76, "lat": 31.7504960112464, "lng":110.682524850399},
    {"count": 90, "lat": 30.5516000646583, "lng":114.348440736587},
    {"count": 84, "lat": 22.5484566379841, "lng":114.064551836587},
    {"count": 57, "lat": 23.135336306695, "lng":113.271431344459},
    {"count": 59, "lat": 22.2765646542492, "lng":113.582554786549},
    {"count": 76, "lat": 23.0277587507889, "lng":113.128512195497},
    {"count": 58, "lat": 23.0273084116433, "lng":113.758420457876},
    {"count": 52, "lat": 22.5223146707905, "lng":113.399422362631},
    {"count": 36, "lat": 23.1163588547255, "lng":114.423558016581},
    {"count": 99, "lat": 23.3590917177251, "lng":116.688528640548},
    {"count": 99, "lat": 21.276723439012, "lng":110.365554413928},
    {"count": 30, "lat": 23.0528887711256, "lng":112.47148894063},
    {"count": 78, "lat": 22.584603880965, "lng":113.08855619524},
    {"count": 96, "lat": 21.8643397261389, "lng":111.988489291812},
    {"count": 70, "lat": 24.2941775322062, "lng":116.129537376122},
    {"count": 4, "lat": 23.688230292088, "lng":113.062468325272},
    {"count": 23, "lat": 23.5557404882755, "lng":116.378512180338},
    {"count": 60, "lat": 21.669064031332, "lng":110.931542579969},
    {"count": 40, "lat": 24.815881278583, "lng":113.603527345622},
    {"count": 7, "lat": 22.7912630365467, "lng":115.38155260365},
    {"count": 63, "lat": 23.6626231926158, "lng":116.629470173628},
    {"count": 22, "lat": 23.7496843709597, "lng":114.707446272906},
    {"count": 77, "lat": 28.0010854044722, "lng":120.706476890355},
    {"count": 70, "lat": 30.2530829816934, "lng":120.215511803721},
    {"count": 96, "lat": 29.866033045866, "lng":121.628572494341},
    {"count": 64, "lat": 28.6621940559961, "lng":121.427434704279},
    {"count": 62, "lat": 29.0846393855136, "lng":119.653436190529},
    {"count": 33, "lat": 30.7509748309201, "lng":120.76355182586},
    {"count": 98, "lat": 30.0363693113069, "lng":120.585478478853},
    {"count": 17, "lat": 28.4732781805634, "lng":119.929573058441},
    {"count": 37, "lat": 28.975545802265, "lng":118.866596740355},
    {"count": 80, "lat": 30.8989639372941, "lng":120.094516609157},
    {"count": 76, "lat": 29.9909116801603, "lng":122.21355631852},
    {"count": 62, "lat": 32.153014547531, "lng":114.097482833045},
    {"count": 75, "lat": 32.9965622046514, "lng":112.534501313513},
    {"count": 2, "lat": 34.7534388504544, "lng":113.631419207339},
    {"count": 24, "lat": 33.0178424167436, "lng":114.028470781732},
    {"count": 84, "lat": 34.4202016658586, "lng":115.662449338262},
    {"count": 20, "lat": 33.6318288757022, "lng":114.703482514823},
    {"count": 45, "lat": 33.772050748691, "lng":113.199528560521},
    {"count": 14, "lat": 35.3096399303368, "lng":113.933600467332},
    {"count": 19, "lat": 36.1059409840149, "lng":114.399500421774},
    {"count": 73, "lat": 34.0414316116187, "lng":113.858475536855},
    {"count": 90, "lat": 33.5877107071022, "lng":114.023420777647},
    {"count": 81, "lat": 34.6242627792194, "lng":112.459421298311},
    {"count": 26, "lat": 34.8028858112117, "lng":114.314592584971},
    {"count": 26, "lat": 35.2209632540389, "lng":113.248547834573},
    {"count": 63, "lat": 35.7523574114, "lng":114.303593642476},
    {"count": 87, "lat": 34.7783272494599, "lng":111.206533223874},
    {"count": 26, "lat": 35.7675930289062, "lng":115.035597470342},
    {"count": 29, "lat": 35.0729072268465, "lng":112.608580706207},
    {"count": 41, "lat": 34.7717129219314, "lng":113.759384084863},
    {"count": 19, "lat": 28.2348893999436, "lng":112.945473195352},
    {"count": 32, "lat": 29.3631782939259, "lng":113.135489424221},
    {"count": 4, "lat": 27.2452702728085, "lng":111.474432885931},
    {"count": 35, "lat": 29.0377499994068, "lng":111.705452179958},
    {"count": 70, "lat": 27.7032085969915, "lng":112.001503492884},
    {"count": 87, "lat": 27.8335676390164, "lng":113.140470797764},
    {"count": 85, "lat": 26.8995761391891, "lng":112.578447213259},
    {"count": 67, "lat": 28.5597111784898, "lng":112.36151595471},
    {"count": 19, "lat": 26.4258641179, "lng":111.619455057922},
    {"count": 7, "lat": 27.5751609029785, "lng":110.008514265372},
    {"count": 99, "lat": 25.7766832736018, "lng":113.021460499094},
    {"count": 30, "lat": 27.8357022271355, "lng":112.950464180764},
    {"count": 99, "lat": 28.3173691047011, "lng":109.745576649466},
    {"count": 71, "lat": 29.1228155625518, "lng":110.485532546954},
    {"count": 12, "lat": 28.1182699980093, "lng":112.989602543346},
    {"count": 21, "lat": 31.8265778336868, "lng":117.233442664976},
    {"count": 65, "lat": 32.8960609948522, "lng":115.820436124913},
    {"count": 59, "lat": 32.9215237043508, "lng":117.395513328136},
    {"count": 42, "lat": 33.8506426957888, "lng":115.784463211274},
    {"count": 13, "lat": 30.530956568043, "lng":117.063603904918},
    {"count": 94, "lat": 31.7414508153225, "lng":116.526409664185},
    {"count": 39, "lat": 31.6762655976091, "lng":118.513579579431},
    {"count": 40, "lat": 31.3585366557992, "lng":118.439431376535},
    {"count": 11, "lat": 33.6520953264521, "lng":116.970543945612},
    {"count": 100, "lat": 33.9616563002763, "lng":116.804537267029},
    {"count": 92, "lat": 30.9512332399133, "lng":117.818476794457},
    {"count": 49, "lat": 32.6318473990533, "lng":117.006388850716},
    {"count": 99, "lat": 30.6708837907645, "lng":117.498420961596},
    {"count": 28, "lat": 32.2612708720408, "lng":118.339406135965},
    {"count": 60, "lat": 29.7218897865916, "lng":118.345437253147},
    {"count": 15, "lat": 30.9466015452929, "lng":118.765534242767},
    {"count": 95, "lat": 28.6894552950607, "lng":115.864589442316},
    {"count": 26, "lat": 29.7113405590793, "lng":116.00753491163},
    {"count": 52, "lat": 27.8235786977885, "lng":114.923534651396},
    {"count": 50, "lat": 28.4606259218517, "lng":117.949459603122},
    {"count": 69, "lat": 27.8208564218482, "lng":114.423563675906},
    {"count": 75, "lat": 25.8351761034976, "lng":114.940503372982},
    {"count": 57, "lat": 27.9548922534195, "lng":116.364538768643},
    {"count": 51, "lat": 27.6283927093972, "lng":113.861496433754},
    {"count": 11, "lat": 27.1197268260704, "lng":115.000510720012},
    {"count": 48, "lat": 28.2657870631914, "lng":117.075575427027},
    {"count": 45, "lat": 29.2742477110409, "lng":117.184576446385},
    {"count": 71, "lat": 30.8136216367076, "lng":108.415558370502},
    {"count": 56, "lat": 30.9366112719747, "lng":108.703447500001},
    {"count": 3, "lat": 29.5079277155528, "lng":106.51755873943},
    {"count": 40, "lat": 29.6128323140802, "lng":106.580415062384},
    {"count": 18, "lat": 29.5590901829938, "lng":106.57544006681},
    {"count": 79, "lat": 31.1666441131934, "lng":108.39949765612},
    {"count": 33, "lat": 30.3332939685, "lng":107.339565874718},
    {"count": 52, "lat": 30.3052683893565, "lng":108.044537533855},
    {"count": 72, "lat": 29.9781812395342, "lng":106.282541087579},
    {"count": 51, "lat": 29.7089458384214, "lng":106.554012965149},
    {"count": 93, "lat": 29.0341137483112, "lng":106.657484195451},
    {"count": 22, "lat": 30.197314239664, "lng":105.847399036165},
    {"count": 36, "lat": 31.0246017665491, "lng":109.470472756309},
    {"count": 38, "lat": 29.7239273430066, "lng":106.637559060602},
    {"count": 51, "lat": 30.0061086978689, "lng":108.120414166383},
    {"count": 80, "lat": 29.8635200673231, "lng":107.087531070068},
    {"count": 72, "lat": 31.4048800098582, "lng":109.576402558996},
    {"count": 65, "lat": 29.869412789214, "lng":107.737480618198},
    {"count": 12, "lat": 29.2229269414888, "lng":106.29811321359},
    {"count": 87, "lat": 31.0805188117359, "lng":109.88554550703},
    {"count": 80, "lat": 29.5983466073163, "lng":106.233474562674},
    {"count": 87, "lat": 29.5026830988349, "lng":106.668429778595},
    {"count": 40, "lat": 29.4113073966899, "lng":105.601419799279},
    {"count": 2, "lat": 29.490107128556, "lng":106.488533590107},
    {"count": 45, "lat": 29.8505087787222, "lng":106.063449494109},
    {"count": 4, "lat": 30.6605532550234, "lng":107.77609725763},
    {"count": 61, "lat": 29.2958843744649, "lng":106.265597608378},
    {"count": 87, "lat": 29.5479422056355, "lng":106.314882870675},
    {"count": 72, "lat": 29.362046335949, "lng":105.933499361451},
    {"count": 66, "lat": 29.7092781979787, "lng":107.396419797541},
    {"count": 92, "lat": 29.4084747397704, "lng":106.547454256962},
    {"count": 63, "lat": 31.9533907462925, "lng":108.671611642558},
    {"count": 37, "lat": 29.5388125676601, "lng":108.777591198349},
    {"count": 23, "lat": 29.5471925165411, "lng":106.464465110925},
    {"count": 43, "lat": 29.2994622904425, "lng":108.172578035882},
    {"count": 99, "lat": 29.3320268707489, "lng":107.766425189517},
    {"count": 48, "lat": 28.453447864286, "lng":109.013573899809},
    {"count": 98, "lat": 28.8470402586741, "lng":108.774586007097},
    {"count": 19, "lat": 28.9678347896873, "lng":106.931558284422},
    {"count": 91, "lat": 31.3035640744417, "lng":120.592412229593},
    {"count": 74, "lat": 32.0646528856184, "lng":118.802421721245},
    {"count": 90, "lat": 34.212666550113, "lng":117.290575434394},
    {"count": 69, "lat": 33.6162953010331, "lng":119.021483670706},
    {"count": 92, "lat": 31.4988097326857, "lng":120.318583288106},
    {"count": 51, "lat": 32.4606750493083, "lng":119.929566337854},
    {"count": 37, "lat": 31.9865494312008, "lng":120.901591738661},
    {"count": 58, "lat": 31.8157956533278, "lng":119.981484713278},
    {"count": 77, "lat": 34.6022495252672, "lng":119.228621333166},
    {"count": 71, "lat": 32.4006769360903, "lng":119.419418908229},
    {"count": 78, "lat": 33.3551009176261, "lng":120.167544265761},
    {"count": 96, "lat": 33.96774971569, "lng":118.281574035708},
    {"count": 56, "lat": 32.1947159205237, "lng":119.430489445673},
    {"count": 8, "lat": 36.0722274966632, "lng":120.389455191146},
    {"count": 44, "lat": 36.6565542017872, "lng":117.12639941261},
    {"count": 96, "lat": 35.4201773945296, "lng":116.593612348539},
    {"count": 98, "lat": 35.1106712423651, "lng":118.363533005013},
    {"count": 56, "lat": 37.4700383837305, "lng":121.454415417301},
    {"count": 93, "lat": 37.5164305480148, "lng":122.127540978313},
    {"count": 14, "lat": 36.7126515512675, "lng":119.168377911428},
    {"count": 51, "lat": 37.4413084545762, "lng":116.365556743974},
    {"count": 98, "lat": 36.2058580448846, "lng":117.094494834795},
    {"count": 39, "lat": 36.4627581876941, "lng":115.991587848304},
    {"count": 44, "lat": 34.8159940484351, "lng":117.330541944838},
    {"count": 77, "lat": 36.8190856833218, "lng":118.061452534898},
    {"count": 59, "lat": 35.4228389984376, "lng":119.533415404565},
    {"count": 43, "lat": 35.2394074247655, "lng":115.487545033433},
    {"count": 63, "lat": 37.3881961960769, "lng":117.977404017146},
    {"count": 89, "lat": 30.6558218784164, "lng":104.081533510424},
    {"count": 52, "lat": 30.843782508337, "lng":106.117502614872},
    {"count": 23, "lat": 30.4617461106789, "lng":106.639552682334},
    {"count": 40, "lat": 31.2143077239274, "lng":107.474593858975},
    {"count": 9, "lat": 31.8728885859565, "lng":106.751585303164},
    {"count": 47, "lat": 31.4736630487458, "lng":104.685561860761},
    {"count": 43, "lat": 29.5858865383204, "lng":105.064588024997},
    {"count": 97, "lat": 30.0552788435183, "lng":101.96854674579},
    {"count": 31, "lat": 28.8776683036072, "lng":105.448524069326},
    {"count": 99, "lat": 31.1331150036567, "lng":104.404419364964},
    {"count": 41, "lat": 26.588033173333, "lng":101.725541170914},
    {"count": 100, "lat": 28.7580070285518, "lng":104.649403704869},
    {"count": 49, "lat": 29.3455849213275, "lng":104.784448846717},
    {"count": 67, "lat": 27.8877523003697, "lng":102.27350268097},
    {"count": 11, "lat": 32.4416163053154, "lng":105.850423181664},
    {"count": 56, "lat": 30.016792545706, "lng":103.049542623604},
    {"count": 77, "lat": 30.5390976711091, "lng":105.599421530644},
    {"count": 83, "lat": 30.082526119421, "lng":103.856563315794},
    {"count": 9, "lat": 29.5579407174581, "lng":103.772537603634},
    {"count": 10, "lat": 30.1349565592531, "lng":104.634435341644},
    {"count": 41, "lat": 31.9055115772665, "lng":102.23141546175},
    {"count": 37, "lat": 39.9109245472995, "lng":116.413383697123},
    {"count": 29, "lat": 39.9263745230798, "lng":116.449558729501},
    {"count": 33, "lat": 39.9654898411007, "lng":116.305434054497},
    {"count": 46, "lat": 39.9181236058414, "lng":116.372513581166},
    {"count": 81, "lat": 39.7325552365544, "lng":116.348625212231},
    {"count": 43, "lat": 39.9109245472995, "lng":116.413383697123},
    {"count": 94, "lat": 39.8649371975573, "lng":116.292401887311},
    {"count": 72, "lat": 40.2264133715942, "lng":116.23761791731},
    {"count": 83, "lat": 39.9551864560804, "lng":116.725840224692},
    {"count": 10, "lat": 39.9113538087782, "lng":116.229612667758},
    {"count": 49, "lat": 39.7543258397733, "lng":116.149443751842},
    {"count": 95, "lat": 40.1363507622307, "lng":116.66142426369},
    {"count": 33, "lat": 39.9348272723959, "lng":116.422400977662},
    {"count": 28, "lat": 40.3226184042657, "lng":116.638385871429},
    {"count": 40, "lat": 39.946146720034, "lng":116.107603555765},
    {"count": 72, "lat": 40.4621689737542, "lng":115.981631569015},
    {"count": 4, "lat": 39.9109245472995, "lng":116.413383697123},
    {"count": 88, "lat": 45.7677178653451, "lng":126.604654038801},
    {"count": 24, "lat": 45.8088258279521, "lng":126.541615090316},
    {"count": 33, "lat": 46.6600321798244, "lng":126.975356875301},
    {"count": 55, "lat": 46.653185895886, "lng":131.16534168078},
    {"count": 98, "lat": 45.3008723178238, "lng":130.975618658766},
    {"count": 35, "lat": 47.3599771860153, "lng":123.924570868415},
    {"count": 27, "lat": 46.8056899908577, "lng":130.327359092573},
    {"count": 5, "lat": 46.5936331767217, "lng":125.10865763402},
    {"count": 77, "lat": 44.5562457089863, "lng":129.639539778346},
    {"count": 6, "lat": 45.7763003215478, "lng":131.011544591027},
    {"count": 49, "lat": 47.356056157685, "lng":130.304432898669},
    {"count": 6, "lat": 50.4200259550278, "lng":124.15292785448},
    {"count": 48, "lat": 50.2512723117501, "lng":127.535489886218},
    {"count": 90, "lat": 31.235929042252, "lng":121.480538860176},
    {"count": 16, "lat": 31.235929042252, "lng":121.480538860176},
    {"count": 3, "lat": 31.2273482924363, "lng":121.550454606831},
    {"count": 56, "lat": 31.4102794734761, "lng":121.496563013524},
    {"count": 15, "lat": 31.1945567728227, "lng":121.443396352763},
    {"count": 20, "lat": 31.2338449304016, "lng":121.453431772768},
    {"count": 57, "lat": 31.0371351764644, "lng":121.234479596241},
    {"count": 45, "lat": 31.1188425800874, "lng":121.38861193361},
    {"count": 74, "lat": 31.2268479682254, "lng":121.43045437545},
    {"count": 5, "lat": 30.9237201102853, "lng":121.480503736431},
    {"count": 87, "lat": 31.2697466989313, "lng":121.511586454534},
    {"count": 28, "lat": 31.265524144657, "lng":121.532519937325},
    {"count": 32, "lat": 31.2549733682795, "lng":121.403569349165},
    {"count": 46, "lat": 31.3801553396772, "lng":121.272595058352},
    {"count": 58, "lat": 31.2372471520636, "lng":121.491585592524},
    {"count": 40, "lat": 31.1554543179807, "lng":121.130553104672},
    {"count": 43, "lat": 30.7478523765703, "lng":121.348480045121},
    {"count": 13, "lat": 31.628569984404, "lng":121.403556862718},
    {"count": 27, "lat": 31.235929042252, "lng":121.480538860176},
    {"count": 66, "lat": 26.0586607377664, "lng":119.35038995226},
    {"count": 48, "lat": 26.080429420698, "lng":119.30346983854},
    {"count": 82, "lat": 25.4598654559227, "lng":119.014520978126},
    {"count": 77, "lat": 24.8799523304983, "lng":118.682446266804},
    {"count": 68, "lat": 24.4854066051763, "lng":118.096435499766},
    {"count": 84, "lat": 24.5189297911708, "lng":117.653576452987},
    {"count": 7, "lat": 26.6722417114085, "lng":119.554510745428},
    {"count": 36, "lat": 26.6477728742032, "lng":118.184369548142},
    {"count": 88, "lat": 26.2697365159918, "lng":117.645521167821},
    {"count": 53, "lat": 25.0812198448716, "lng":117.023447566775},
    {"count": 14, "lat": 26.106339415901, "lng":119.302447477039},
    {"count": 95, "lat": 34.2758080060236, "lng":108.960393148751},
    {"count": 29, "lat": 34.3472688166239, "lng":108.946465550632},
    {"count": 69, "lat": 32.6905127705737, "lng":109.035601082657},
    {"count": 54, "lat": 33.0737999078337, "lng":107.029430209264},
    {"count": 24, "lat": 34.3354762933685, "lng":108.715422451433},
    {"count": 53, "lat": 34.3689156428699, "lng":107.24457536704},
    {"count": 32, "lat": 34.5057155167525, "lng":109.516589605258},
    {"count": 29, "lat": 34.9026370805029, "lng":108.952404248359},
    {"count": 59, "lat": 33.8786338522077, "lng":109.924417881364},
    {"count": 61, "lat": 36.5911110352177, "lng":109.496581916126},
    {"count": 94, "lat": 38.290883835484, "lng":109.741616033813},
    {"count": 16, "lat": 35.4820867873131, "lng":110.449552640117},
    {"count": 48, "lat": 34.2459430118156, "lng":108.079533001268},
    {"count": 93, "lat": 39.1534851447047, "lng":117.203592781355},
    {"count": 93, "lat": 38.0520971098468, "lng":114.469021632649},
    {"count": 9, "lat": 38.310215141107, "lng":116.84558075595},
    {"count": 15, "lat": 36.631262731204, "lng":114.545628228235},
    {"count": 72, "lat": 37.076685950966, "lng":114.511462256129},
    {"count": 86, "lat": 39.6365837241473, "lng":118.186459472039},
    {"count": 67, "lat": 38.8799877684553, "lng":115.471463837685},
    {"count": 21, "lat": 39.5433666627585, "lng":116.690581733425},
    {"count": 35, "lat": 40.7732372026915, "lng":114.892572231451},
    {"count": 9, "lat": 37.7451914080774, "lng":115.675406137616},
    {"count": 32, "lat": 40.957856012338, "lng":117.969397509966},
    {"count": 1, "lat": 39.9417481023779, "lng":119.608530633343},
    {"count": 40, "lat": 31.6554050548164, "lng":119.747463821144},
    {"count": 96, "lat": 22.8226066011871, "lng":108.373450825818},
    {"count": 19, "lat": 21.4868364957694, "lng":109.126533212566},
    {"count": 36, "lat": 25.2428857248726, "lng":110.203545374579},
    {"count": 47, "lat": 24.3319613868524, "lng":109.434421946345},
    {"count": 80, "lat": 21.6930052899694, "lng":108.360418838298},
    {"count": 64, "lat": 24.6989117312728, "lng":108.091499944986},
    {"count": 1, "lat": 22.6598305099531, "lng":110.188453123372},
    {"count": 35, "lat": 21.9865935394842, "lng":108.660580168422},
    {"count": 1, "lat": 23.1174483820375, "lng":109.605520310333},
    {"count": 19, "lat": 23.4827452811351, "lng":111.28551681182},
    {"count": 13, "lat": 24.4094509028654, "lng":111.573526314162},
    {"count": 68, "lat": 23.9081859342959, "lng":106.624589325653},
    {"count": 85, "lat": 23.7565467626072, "lng":109.2274581959},
    {"count": 84, "lat": 24.917734785759, "lng":102.474046421598},
    {"count": 55, "lat": 24.873998150044, "lng":102.852448365004},
    {"count": 79, "lat": 22.0136012547641, "lng":100.803446824556},
    {"count": 66, "lat": 24.3577109424462, "lng":102.55356029311},
    {"count": 21, "lat": 25.6121284181925, "lng":100.274582840483},
    {"count": 24, "lat": 25.4964069315436, "lng":103.802434827946},
    {"count": 11, "lat": 27.3440838602468, "lng":103.723511771968},
    {"count": 14, "lat": 25.1390387932659, "lng":99.1772732858178},
    {"count": 26, "lat": 26.8606574380648, "lng":100.232464529034},
    {"count": 65, "lat": 23.3699962476054, "lng":103.381549052579},
    {"count": 47, "lat": 24.4380107027581, "lng":98.5913593561141},
    {"count": 65, "lat": 22.8309791860102, "lng":100.972569814727},
    {"count": 55, "lat": 25.0517735653403, "lng":101.534412480502},
    {"count": 19, "lat": 23.8904685562785, "lng":100.095440420148},
    {"count": 59, "lat": 23.4059942936117, "lng":104.222568991094},
    {"count": 10, "lat": 25.0515622673448, "lng":102.716416075232},
    {"count": 51, "lat": 36.2921024798988, "lng":100.626621144459},
    {"count": 82, "lat": 18.2587362917478, "lng":109.518556701399},
    {"count": 27, "lat": 20.0440494392567, "lng":110.325525471264},
    {"count": 94, "lat": 18.7333772333257, "lng":110.402780194249},
    {"count": 0, "lat": 19.5271461100441, "lng":109.587455835686},
    {"count": 36, "lat": 19.7443486716463, "lng":110.013510910109},
    {"count": 7, "lat": 19.2642540199176, "lng":110.48054452595},
    {"count": 14, "lat": 19.919474770278, "lng":109.697443014833},
    {"count": 100, "lat": 18.5123315956988, "lng":110.044464092547},
    {"count": 39, "lat": 19.3039978766842, "lng":109.062464087343},
    {"count": 64, "lat": 19.1011047312886, "lng":108.658566526791},
    {"count": 78, "lat": 19.6871199479101, "lng":110.365533483409},
    {"count": 97, "lat": 19.5935749727566, "lng":110.71832401809},
    {"count": 52, "lat": 18.8527220411434, "lng":109.333657041052},
    {"count": 51, "lat": 19.0391637891806, "lng":109.84451062847},
    {"count": 63, "lat": 18.7558714938548, "lng":109.180507988945},
    {"count": 33, "lat": 38.9762854681468, "lng":111.009670739159},
    {"count": 61, "lat": 37.6928394097597, "lng":112.759594755659},
    {"count": 0, "lat": 35.0327069129092, "lng":111.013389454479},
    {"count": 2, "lat": 37.8769890288477, "lng":112.556391491672},
    {"count": 80, "lat": 40.0824687161612, "lng":113.306436258586},
    {"count": 64, "lat": 35.4962845864725, "lng":112.858578231328},
    {"count": 26, "lat": 37.5244977495771, "lng":111.150449675291},
    {"count": 21, "lat": 38.4223833851777, "lng":112.740624160238},
    {"count": 30, "lat": 36.2012683721548, "lng":113.122558869849},
    {"count": 74, "lat": 39.3371083705417, "lng":112.439370939667},
    {"count": 15, "lat": 37.8623608478593, "lng":113.587616662875},
    {"count": 25, "lat": 36.0937418954197, "lng":111.52553022403},
    {"count": 70, "lat": 41.8414652512018, "lng":123.435597856832},
    {"count": 96, "lat": 41.6838300691906, "lng":123.471096644822},
    {"count": 75, "lat": 38.9189536667856, "lng":121.621631484592},
    {"count": 63, "lat": 41.1258752887371, "lng":122.077490090213},
    {"count": 49, "lat": 40.7173644363618, "lng":120.843398339928},
    {"count": 9, "lat": 41.100931499462, "lng":121.132596300555},
    {"count": 66, "lat": 40.0064087055936, "lng":124.36154728159},
    {"count": 23, "lat": 42.0280219013184, "lng":121.676407998658},
    {"count": 81, "lat": 41.5798208647556, "lng":120.457499497932},
    {"count": 31, "lat": 42.2299479971844, "lng":123.732365209177},
    {"count": 5, "lat": 41.4929164605529, "lng":123.692507124208},
    {"count": 69, "lat": 41.1150535969493, "lng":123.001372513994},
    {"count": 25, "lat": 41.2741612904542, "lng":123.243366406513},
    {"count": 57, "lat": 40.673136838267, "lng":122.241574664496},
    {"count": 93, "lat": 26.7028600153249, "lng":106.673075994352},
    {"count": 86, "lat": 26.6533248223097, "lng":106.636576763527},
    {"count": 47, "lat": 27.2902150834259, "lng":105.298588795011},
    {"count": 32, "lat": 27.7317008789166, "lng":106.933427748018},
    {"count": 36, "lat": 26.5988331082574, "lng":104.837554602346},
    {"count": 20, "lat": 26.2606161960738, "lng":107.528402705737},
    {"count": 63, "lat": 26.6040295449949, "lng":106.714475930885},
    {"count": 21, "lat": 26.589702969826, "lng":107.989446240778},
    {"count": 84, "lat": 26.2592523787149, "lng":105.954417123889},
    {"count": 2, "lat": 25.0939673494165, "lng":104.912492146269},
    {"count": 73, "lat": 39.0936678434039, "lng":117.20952321467},
    {"count": 9, "lat": 39.7231944829331, "lng":117.316600692476},
    {"count": 59, "lat": 39.1344873259551, "lng":117.258412953068},
    {"count": 50, "lat": 39.1534851447047, "lng":117.203592781355},
    {"count": 37, "lat": 39.1233902532797, "lng":117.2214669949},
    {"count": 26, "lat": 39.0936678434039, "lng":117.20952321467},
    {"count": 26, "lat": 39.1487266089665, "lng":117.014410179936},
    {"count": 50, "lat": 39.1157180822155, "lng":117.229416280019},
    {"count": 75, "lat": 39.3369564312272, "lng":117.832393343418},
    {"count": 6, "lat": 39.0923323428145, "lng":117.320568507914},
    {"count": 16, "lat": 39.0094157736466, "lng":117.71739882966},
    {"count": 63, "lat": 39.1441052797677, "lng":117.156515374324},
    {"count": 33, "lat": 39.1732856465641, "lng":117.157517883273},
    {"count": 85, "lat": 38.9441485681146, "lng":117.36338677903},
    {"count": 61, "lat": 39.2303439099184, "lng":117.141402731577},
    {"count": 81, "lat": 36.0601736093078, "lng":103.842102034372},
    {"count": 79, "lat": 36.0672346935455, "lng":103.840521196336},
    {"count": 29, "lat": 34.5874118816506, "lng":105.731416745669},
    {"count": 73, "lat": 35.5868329265618, "lng":104.632420083063},
    {"count": 30, "lat": 33.4066202299512, "lng":104.928574970711},
    {"count": 87, "lat": 36.5508253304145, "lng":104.144450828343},
    {"count": 14, "lat": 35.6075621835031, "lng":103.216390565297},
    {"count": 96, "lat": 34.9891399099682, "lng":102.917584688258},
    {"count": 78, "lat": 35.5492320504635, "lng":106.671442348277},
    {"count": 39, "lat": 38.9320660070049, "lng":100.456411474056},
    {"count": 18, "lat": 35.715215983562, "lng":107.649385695954},
    {"count": 14, "lat": 38.5258200920926, "lng":102.194605686698},
    {"count": 40, "lat": 36.0654648873676, "lng":103.832478128122},
    {"count": 81, "lat": 43.8435678345792, "lng":126.555634504954},
    {"count": 52, "lat": 43.8219535010431, "lng":125.330602075906},
    {"count": 73, "lat": 43.171993571561, "lng":124.356481557158},
    {"count": 88, "lat": 42.9157430337218, "lng":129.477376320227},
    {"count": 68, "lat": 43.8435678345792, "lng":126.555634504954},
    {"count": 13, "lat": 42.8940550057463, "lng":125.150425166887},
    {"count": 23, "lat": 43.510832663153, "lng":124.829448660709},
    {"count": 31, "lat": 41.7338158016134, "lng":125.94660627598},
    {"count": 37, "lat": 45.1474041934138, "lng":124.831481875692},
    {"count": 62, "lat": 40.8231562324461, "lng":111.772605830819},
    {"count": 89, "lat": 39.6144823139488, "lng":109.787443179236},
    {"count": 23, "lat": 40.6629287882613, "lng":109.846543507212},
    {"count": 58, "lat": 40.8484229971134, "lng":111.755508561709},
    {"count": 68, "lat": 49.2184464755648, "lng":119.772370499466},
    {"count": 57, "lat": 40.7493594895728, "lng":107.394398083724},
    {"count": 11, "lat": 42.2616861034116, "lng":118.895520397519},
    {"count": 51, "lat": 41.0007483276738, "lng":113.139467674463},
    {"count": 3, "lat": 44.4897594978097, "lng":116.118500540584},
    {"count": 96, "lat": 43.6579800839166, "lng":122.250521787376},
    {"count": 57, "lat": 39.6620063648907, "lng":106.800391049996},
    {"count": 0, "lat": 46.0884637132189, "lng":122.044364525825},
    {"count": 90, "lat": 38.4644533465153, "lng":106.171169452141},
    {"count": 1, "lat": 38.4924600555095, "lng":106.2384935874},
    {"count": 88, "lat": 38.0037129134533, "lng":106.205371266636},
    {"count": 26, "lat": 37.5057014187029, "lng":105.203570900887},
    {"count": 57, "lat": 36.0216172580109, "lng":106.248577426071},
    {"count": 38, "lat": 38.4768779679108, "lng":106.265604807013},
    {"count": 95, "lat": 38.989682839915, "lng":106.390600425504},
    {"count": 97, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 81, "lat": 43.7874871155032, "lng":87.6302030143597},
    {"count": 1, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 25, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 41, "lat": 44.0168541599198, "lng":87.3150016244744},
    {"count": 55, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 71, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 83, "lat": 42.9569848487712, "lng":89.1972972460079},
    {"count": 83, "lat": 41.1750298600774, "lng":80.266943484735},
    {"count": 46, "lat": 36.6518621960967, "lng":117.005425418056},
    {"count": 67, "lat": 31.8576856026453, "lng":106.775513107711},
    {"count": 22, "lat": 36.6271585792345, "lng":101.786461835867},
    {"count": 4, "lat": 36.6233846965166, "lng":101.784450170508},
    {"count": 58, "lat": 36.9606628241298, "lng":100.907434321455},
    {"count": 40, "lat": 22.536151423658, "lng":114.068846455568},
    {"count": 69, "lat": 29.6500402747677, "lng":91.1208239154639}];
      heatmapOverlay = new BMapLib.HeatmapOverlay({"radius":20});
      map.addOverlay(heatmapOverlay);
    //调整max的值效果会不一样,但count值一定要在max值之内
      heatmapOverlay.setDataSet({data: res,max:100});
    </script>

     

    更多相关内容
  • echarts区域热力地图

    千次阅读 2022-03-29 15:15:28
    echarts热力地图

    1.下载所需要的地理区域的JSON文件,推荐阿里云的那个网址
    http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5

    在这里插入图片描述

    2.引入JSON文件注册地图

    在这里插入图片描述

    在这里插入图片描述

    3.setOption()

        this.myChart.setOption({
            tooltip: {
              trigger: "item",
              formatter: "{b} : {c}",
            },
            geo: {
              // 公共样式
              map: "china",
              label: {
                normal: {
                  show: false, // 显示省份标签
                  textStyle: {
                    color: "#fff",
                  }, // 省份标签字体颜色
                },
              },
              itemStyle: {
                normal: {
                  label: {
                    show: true,
                  },
                  borderWidth: 0.5, // 区域边框宽度
                  borderColor: "#A4A4A4", // 区域边框颜色
                  areaColor: "#fff", // 区域颜色
                },
              },
              emphasis: {
                label: {
                  show: true,
                },
                areaColor: "#F6C9AB", // 区域颜色
              },
              roam: false,
              zoom: 1.2, // 设置地图默认大小
            },
            visualMap: [
              {
                // 地图组件映射
                show: true,
                seriesIndex: 0, // 指定系列数据
                min: 0,//最小值
                max: that.max,//最大值
                text: ["最多", "最少"],
                color: MapColor,//热力图渐变颜色,数组形式
                textStyle: {
                  color: "#fff",
                },
                left: 100,
              },
            ],
            //backgroundColor: "#fff",//背景色
            series: [
              {
                type: "map", // 地图类型
                mapType: "china",
                roam: true,
                geoIndex: 0,
                aspectScale: 0.75,
                data: that.listData, // 各省地图数据
              },
            ],
          });
    

    4.最后效果
    在这里插入图片描述

    展开全文
  • R语言绘制分块区域热力图

    千次阅读 2021-06-03 09:18:59
    REmap包绘制2020年我国31个省市自治区GDP总量区域热力图 今天用的是REmap包中的remapC()函数绘制分块区域热力,下面以2020年我国各省31各省市自治区GDP总量数据(单位是亿元)为例画一个分块区域热力图,展现不同...

    REmap包绘制2020年我国31个省市自治区GDP总量区域热力图

    今天用的是REmap包中的remapC()函数绘制分块区域热力,下面以2020年我国各省31各省市自治区GDP总量数据(单位是亿元)为例画一个分块区域热力图,展现不同省市GDP总量分布效果。

    library(REmap)
    options(remap.js.web=T)
    
    ##创建数据框
    city<-c("广东","江苏","山东","浙江","河南","四川","福建","湖北","湖南","上海","安徽","河北","北京","陕西","江西","辽宁","重庆","云南","广西","贵州","山西","内蒙古","天津","新疆","黑龙江","吉林","甘肃","海南","宁夏","青海","西藏")
    gdp<-c(110761,102719,73129,64613,54997,48599,43904,43443,41781,38701,38681,36207,36103,26182,25692,25115,25003,24522,22157,17827,17652,17360,14084,13798,13699,12311,9017,5532,3921,3006,1903)
    data1<-data.frame(city,gdp)
    

    在这里插入图片描述

    ##或者读取表格数据
    library(readxl)
    options(remap.js.web=T)
    data<- read_excel("GDP.xlsx")
    data1<-data.frame(data$省市,data$GDP)
    

    在这里插入图片描述
    (数据参考:https://baijiahao.baidu.com/s?id=1690217981017547282&wfr=spider&for=pc)

    #根据需求设置主题
    theme1 <- get_theme(theme = "none",#可选“Dark”,“Sky”,“blue”,“none”四种,当设置get_theme其他参数时,需要将该参数设置为“none”
                        backgroundColor = "#CCCCCC", #背景色
                        titleColor = "#fff",#标题颜色
                        labelShow = T, #是否展示各省市名称
                        pointShow = T, #是否展示各省会所在点
                        pointColor = "gold")#上述点颜色
    
    ##或者直接绘图
    remapC(data1,
           title = '2020年全国GDP总量热力图',
           maptype = 'china',
           theme = theme1,
           color = 'red',
           maxdata = 120000, 
           mindata = 1500)
    

    在这里插入图片描述

    “作图帮”公众号同步更新~

    展开全文
  • 腾讯位置大数据中提供了位置流量趋势数据、区域热力图数据、人口迁徙数据。今天就来讲讲区域热力图,如何获取数据,以及对数据的解读 一、数据的获取 F12打开开发者工具,点击NetWork,如上图所示则为当时的数据: ...

    腾讯位置大数据中提供了位置流量趋势数据、区域热力图数据、人口迁徙数据。今天就来讲讲区域热力图,如何获取数据,以及对数据的解读
    在这里插入图片描述
    一、数据的获取
    F12打开开发者工具,点击NetWork,如上图所示则为当时的数据:
    在这里插入图片描述
    下图所示为每个时间段的数据:
    在这里插入图片描述
    热力图数据的部分示例:
    在这里插入图片描述
    可能有小伙伴看到这个数据一头雾水,其实我也是,后来经过一番搜索,以及探索终于发现了数据中的奥秘,以及如何还原为经纬度坐标数据。
    可能大家直觉的才香前面就是直角坐标,后面是对应坐标的人数,那该如何还原呢,那就需要确定原点,以及直角坐标系中一个单位到底代表的是什么?

    1. 首先解决坐标原点问题
      在这里插入图片描述
      该数据中有一个center_gcj属性,就是该区域的中点,也是直角坐标系的原点。
    2. 其次坐标系中一个单位到底代表多少,代表什么
      在这里插入图片描述
      解铃还须系铃人啊,通过看源码,发现了答案
      在这里插入图片描述
      也就是说1个单位代表0.0001的经纬度。解密完毕,希望能帮到有需要的小伙伴们。
    展开全文
  • 根据地理区域数据的可视化,除了在地图上添加散点之外,我们也可以制作地图类型的热力图,详细介绍:https://blog.csdn.net/qq_36437172/article/details/106121650
  • <p>  如题,这种热力图是用什么插件来绘制的了?具体没看到实际的示例,求助~<img alt="" height="632" src="https://img-ask.csdnimg.cn/upload/1605685598533.png" width="960" /></p>
  • 主要介绍了python 绘制场景热力图的示例,帮助大家更好的利用python绘制图像,感兴趣的朋友可以了解下
  • 手工画区域地图转换为GeoJson文件,实现市区街道热力地图。光标悬浮展示区域街道相关信息。
  • 区域等值面、热力图

    2021-06-30 13:54:11
    讲讲项目背景,大屏专题图要绘制一个地区区域环境扩散效果,初步一开始感觉是一个热力图,后面经过描述确认不是,而是一个根据点位进行区域绘制的等值面 我以为的: 最后实际上的 第一张图是ui效果图,第二张图是...
  • 需求:需要一个热力地图,全面的显示中国个省份的数据对比   功能:完整的中国地图(可缩放,平移,点击)  数据颜色区域条(各省颜色按数据所在区间而定)  各省份颜色可设置  各省份具备点击事件接口...
  • unity热力图.rar

    2020-06-09 16:38:51
    unity中的3d热力图 支持透明 支持突出 支持颜色以外的区域透明,下载后打开工程,自行查看!
  • 利用javaScript技术,根据json文件数据在地图上绘制热力图进行展示。
  • 因一个任务要完成如何在Unity上面实现热力图的效果,所以百度了很久,发现资料很少,现在就把我总结的如何在Unity上面基于Canvas实现热力图效果的实现过程分享出来, 此前转载了一篇主要讲的是如何根据数据值,在...
  • export default { data() { return { adCode: 420100, // 武汉市code disProvince: null, // 区域图层 depth: 2, // 区域等级 0省级 1市级 2区县级 colors: {}, // 区域颜色 heatmap: null, // 热力图...
  • 手工画区域地图转换为GeoJson文件,实现市区街道热力地图。光标悬浮展示区域街道相关信息。
  • leaflet动态热力图分析(leaflet篇.16)

    千次阅读 2021-07-02 15:17:02
    地图之家欢迎您的订阅 后续会不断围绕着2D、3D地图技术丰富该专栏内容 ...文章末尾处提供保证可运行完整代码包 下载后运行如有问题,可“私信”博主,博主会随时为您服务...(3)动态上热力图 --> <!DOCTYPE html&g
  • 手工画区域地图转换为GeoJson文件,实现市区街道热力地图。光标悬浮展示区域街道相关信息。
  • ECHart显示杭州区域热力图

    万次阅读 2015-04-07 12:16:32
    后台所用技术springmvc+ibatis 实现效果 代码实现如下   require.config({ paths:{ 'echarts': '${rc.contextPath}/common/plugs/echart/js/echarts-map' ... r
  • 该范例主要是用SuperMap iObjects Java 9D对点数据集制作热力图层和聚合图层,直观的反映出点对象的分布特征和聚合情况。
  • vue echerts 中国地图热力图

    千次阅读 2020-09-17 16:59:37
    vue echerts 中国地图热力图 效果图展示 <template> <div id="chinaEcharts" ref="chinaEcharts" v-loading='loading2' class="leftEcharts" style="height:400px;"></div> </template> ...
  • 热力图-基于Threejs/Webgl技术项目实战

    千人学习 2019-09-25 22:51:15
    针对webgl的库threejs框架的热力图功能项目实战详细的讲解,热力图功能在真实项目中应用,主要包括厂区、生产线、机房、库房等实时监控热力分布,建筑或园区人员密集实时监控等综合场景应用。
  • 使用以百度地图为底的形式,结合echarts,在地图上显示echarts的scatter、effectScatter、custom元素
  • # -*- coding: utf-8 -*- """ Created on Thu Mar 28 21:22:43 2019 @author: 武状元 """ import requests import json import pandas as pd def get_TecentData(): url = '...sub_d.
  • 鹅厂前端工程师手把手教你实现热力图!》 作者:腾讯位置服务 链接:https://mp.weixin.qq.com/s/bgS7uFlyLtK8WtusKfv8lA 来源:微信公众号 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,043
精华内容 2,817
关键字:

区域热力图