精华内容
下载资源
问答
我要提问
  • 【热力图】区域地图热力图，百度地图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>

     

    html
    更多相关内容

  • 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.最后效果
    在这里插入图片描述

    收起
    展开全文
    echarts

  • 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)

    在这里插入图片描述

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

    收起
    展开全文

  • 腾讯位置大数据中区域热力图数据的数据解析

     千次阅读 2020-10-10 22:40:50
    腾讯位置大数据中提供了位置流量趋势数据、区域热力图数据、人口迁徙数据。今天就来讲讲区域热力图，如何获取数据，以及对数据的解读 一、数据的获取 F12打开开发者工具，点击NetWork，如上图所示则为当时的数据： ...

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

    1. 首先解决坐标原点问题
      在这里插入图片描述
      该数据中有一个center_gcj属性，就是该区域的中点，也是直角坐标系的原点。
    2. 其次坐标系中一个单位到底代表多少，代表什么
      在这里插入图片描述
      解铃还须系铃人啊，通过看源码，发现了答案
      在这里插入图片描述
      也就是说1个单位代表0.0001的经纬度。解密完毕，希望能帮到有需要的小伙伴们。
    收起
    展开全文
    html node.js vue.js

  • echarts 地图类型热力图

     2020-05-14 16:27:59
    根据地理区域数据的可视化，除了在地图上添加散点之外，我们也可以制作地图类型的热力图，详细介绍：https://blog.csdn.net/qq_36437172/article/details/106121650
    收起

  • 请问下这种区域热力图是用什么插件绘制的

     2020-11-18 15:48:29
    <p>  如题，这种热力图是用什么插件来绘制的了？具体没看到实际的示例，求助~<img alt="" height="632" src="https://img-ask.csdnimg.cn/upload/1605685598533.png" width="960" /></p>
    收起
    html5 css javascript jquery vue.js

  • python 绘制场景热力图的示例

     2020-09-24 10:12:04
    主要介绍了python 绘制场景热力图的示例，帮助大家更好的利用python绘制图像，感兴趣的朋友可以了解下
    收起

  • Echarts北京市东城区街镇热力图Demo

     2019-05-13 15:14:21
    手工画区域地图转换为GeoJson文件，实现市区街道热力地图。光标悬浮展示区域街道相关信息。
    收起

  • 区域等值面、热力图

     2021-06-30 13:54:11
    讲讲项目背景，大屏专题图要绘制一个地区区域环境扩散效果，初步一开始感觉是一个热力图，后面经过描述确认不是，而是一个根据点位进行区域绘制的等值面 我以为的: 最后实际上的 第一张图是ui效果图，第二张图是...
    收起
    html5 vue.js

  • android自定义View,区域热力地图（具备每个省份的点击接口）

     千次阅读 2017-07-24 16:11:31
    需求：需要一个热力地图，全面的显示中国个省份的数据对比   功能：完整的中国地图（可缩放，平移，点击）  数据颜色区域条（各省颜色按数据所在区间而定）  各省份颜色可设置  各省份具备点击事件接口...
    收起
    android 自定义View map

  • unity热力图.rar

     2020-06-09 16:38:51
    unity中的3d热力图 支持透明 支持突出 支持颜色以外的区域透明，下载后打开工程，自行查看！
    收起

  • cesium热力图在地图上展示

     2018-02-06 14:21:26
    利用javaScript技术，根据json文件数据在地图上绘制热力图进行展示。
    收起

  • 在Unity3D中实现热力图、风向图、温度图效果

     2020-11-13 10:44:29
    因一个任务要完成如何在Unity上面实现热力图的效果，所以百度了很久，发现资料很少，现在就把我总结的如何在Unity上面基于Canvas实现热力图效果的实现过程分享出来， 此前转载了一篇主要讲的是如何根据数据值，在...
    收起

  • 高德地图只显示部分区域热力图-----vue

     千次阅读 2018-12-06 17:32:16
    export default { data() { return { adCode: 420100, // 武汉市code disProvince: null, // 区域图层 depth: 2, // 区域等级 0省级 1市级 2区县级 colors: {}, // 区域颜色 heatmap: null, // 热力图...
    收起

  • Echarts北京市海淀区街镇热力图Demo

     2018-11-13 17:05:54
    手工画区域地图转换为GeoJson文件，实现市区街道热力地图。光标悬浮展示区域街道相关信息。
    收起

  • leaflet动态热力图分析（leaflet篇.16）

     千次阅读 2021-07-02 15:17:02
    地图之家欢迎您的订阅 后续会不断围绕着2D、3D地图技术丰富该专栏内容 ...文章末尾处提供保证可运行完整代码包 下载后运行如有问题，可“私信”博主，博主会随时为您服务...（3）动态上热力图 --> <!DOCTYPE html&g
    收起
    leaflet

  • Echarts北京市朝阳区街镇热力图Demo

     2018-12-14 10:03:56
    手工画区域地图转换为GeoJson文件，实现市区街道热力地图。光标悬浮展示区域街道相关信息。
    收起

  • ECHart显示杭州区域热力图

     万次阅读 2015-04-07 12:16:32
    后台所用技术springmvc+ibatis 实现效果 代码实现如下   require.config({ paths:{ 'echarts': '${rc.contextPath}/common/plugs/echart/js/echarts-map' ... r
    收起
    springmvc javascript ibatis

  • SuperMap iObjects Java中生成热力图层和聚合图层

     2017-12-13 10:19:08
    该范例主要是用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> ...
    收起
    vue

  • 热力图-基于Threejs/Webgl技术项目实战

     千人学习 2019-09-25 22:51:15
    针对webgl的库threejs框架的热力图功能项目实战详细的讲解，热力图功能在真实项目中应用，主要包括厂区、生产线、机房、库房等实时监控热力分布，建筑或园区人员密集实时监控等综合场景应用。
    收起
    javascript

  • echarts+bmap结合可以在百度地图上展现 点图，线图，热力图 等可视化。

     2021-03-23 11:02:42
    使用以百度地图为底图的形式,结合echarts，在地图上显示echarts的scatter、effectScatter、custom元素
    收起

  • 35python 输出腾讯区域热力图

     2020-09-25 08:18:23
    # -*- 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.
    收起

  • 硬核干货来了！手把手教你实现热力图！

     千次阅读 2019-11-28 13:00:09
    鹅厂前端工程师手把手教你实现热力图！》 作者：腾讯位置服务 链接：https://mp.weixin.qq.com/s/bgS7uFlyLtK8WtusKfv8lA 来源：微信公众号 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 ...
    收起
    地图开发 地图api jsapi

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,043
精华内容 2,817
热门标签
关键字：

区域热力图