高德地图的地理空间数据可视化（Loca）

摘要：最近我们的可视化界面改了好多版本，最近新提出来的需求，就是想要显示地图上的某个区域，希望是3D立体的。并且跟着中心点不同旋转到相对应的位置，并且在改立体的区域上加上相应的散点图。开始第一步的尝试之旅。

需求整理如下：

1、首先显示自定义地图

2、显示3D的某个区域

3、在该3D的区域块上，如何添加相应的散点图和信息窗体（尝试实现中，后期实现会更新）

4、如何根据不同的中心点，该3D区域自动旋转至相对应的小区位置（还未思路中，如果后期实现会更新）

实现：

一、显示自定义地图

首先注册高德地图的账号
前往自定义地图页面，对自己想要的地图页面进行样式，然后发布即可使用自定义地图链接地址
上传代码如下：（我自定义的地图就是需要背景颜色和道路两个，不需要地的名字）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>高德地图可视化</title><style>.centerItem {width: 1056px;height: 740px;/*background-color: rgb(4, 157, 252);*/border: 1px solid #ccc;margin: 100px auto 0 auto;}</style>
</head><body><!-- 展示 --><div id="container" class="centerItem"></div><script src="https://webapi.amap.com/loca?v=1.2.0&key=你的应用key值"></script><!-- 引入相关文件 --><script src="js/jquery-3.2.1.min.js"></script><script>var map = Loca.create('container', {mapStyle: 'amap://styles/7daf7c6981b0bc497d78c23077f5492f', // 设置地图的显示样式，目前支持两种地图样式：第一种：自定义地图样式，如"amap://styles/d6bf8c1d69cea9f5c696185ad4ac4c86"可前往地图自定义平台定制自己的个性地图样式；第二种：官方样式模版,如"amap://styles/grey"。其他模版样式及自定义地图的使用说明见开发指南viewMode: '3D', // 默认为‘2D’，可选’3D’，选择‘3D’会显示 3D 地图效果。pitch: 50, // 俯仰角度，默认0，[0,83]，2D地图下无效  features: ['bg', 'road','building'], // 设置地图上显示的元素种类支持'bg'（地图背景）、'point'（POI点）、'road'（道路）、'building'（建筑物）zoom: 8// 地图显示的缩放级别，若center与level未赋值，地图初始化默认显示用户所在城市范围,3D地图下，zoom值，可以设置为浮点数。（在V1.3.0版本level参数调整为zoom，3D地图修改自V1.4.0开始生效）});map.on('mapload', function() {map.getMap().plugin(['AMap.ControlBar'], function() {var controlBar = new AMap.ControlBar();map.getMap().addControl(controlBar);});});var colors = ["#08519c"]; $.get('你需要渲染地图的数据接口',function(data) {console.log(data);var data = data.data;// 创建地图容器var layer = Loca.visualLayer({container: map,type: 'polygon',shape: 'polygon',fitView: true});// 添加数据layer.setData(data, {lnglat: 'coordinates'});var idx = 0;// 设置样式layer.setOptions({style: {height: function() {return Math.random() * 20000;},opacity: 0.9,color: function() {return colors[idx++ % colors.length];}}});// 执行绘制layer.render();});</script>
</body></html>

我的数据格式模拟如下：

var data = [{adcode: 340104,center: [117.262072, 31.855868],name: "蜀山区",coordinates: [[117.276613,31.853692],[117.276525,31.853557],[117.276534,31.853466],[117.276578,31.853434],[117.276594,31.853416],[117.276609,31.853411],[117.276636,31.853391],[117.276612,31.853063],[117.276537,31.85274],[117.276346,31.852247],[117.276155,31.851882],[117.275651,31.851156],[117.275221,31.850551],[117.275204,31.850312],[117.274929,31.850137],[117.274314,31.849331],[117.273764,31.848512],[117.27324,31.847604],[117.273246,31.847549],[117.273186,31.847513],[117.272998,31.847199],[117.272627,31.846924],[117.272097,31.846175],[117.271495,31.845334],[117.271389,31.845183],[117.271279,31.845186],[117.271266,31.845166],[117.27134,31.845113],[117.270773,31.844308],[117.270502,31.843931],[117.270013,31.843236],[117.269345,31.842334],[117.268876,31.841638],[117.267992,31.840409],[117.266856,31.838859],[117.266212,31.837894],[117.265629,31.836678],[117.265368,31.835952],[117.265138,31.834992],[117.265007,31.834194],[117.265115,31.833218],[117.265116,31.833144],[117.265106,31.833074],[117.26508,31.833027],[117.264796,31.832582],[117.26475,31.832126],[117.264854,31.831842],[117.264885,31.831796],[117.264899,31.831718],[117.265025,31.831374],[117.264375,31.830479],[117.26407,31.829323],[117.263782,31.828644],[117.26339,31.827939],[117.262628,31.82689],[117.261837,31.82588],[117.261002,31.824784],[117.259668,31.823064],[117.258417,31.821422],[117.257272,31.820614],[117.257122,31.819733],[117.255724,31.817863],[117.255474,31.817532],[117.254487,31.816391],[117.253785,31.815604],[117.253063,31.814804],[117.252388,31.813992],[117.252087,31.813661],[117.251153,31.812535],[117.250609,31.811928],[117.249189,31.810226],[117.247994,31.808824],[117.246369,31.806772],[117.240722,31.799459],[117.239847,31.798345],[117.239207,31.796985],[117.239138,31.796274],[117.240134,31.795283],[117.242033,31.793624],[117.244495,31.790833],[117.246653,31.788736],[117.247936,31.787966],[117.249047,31.787634],[117.249591,31.787867],[117.251573,31.789123],[117.253516,31.790638],[117.255329,31.791141],[117.257302,31.791325],[117.260296,31.79139],[117.262779,31.791727],[117.264863,31.791689],[117.268297,31.791212],[117.269826,31.789971],[117.27029,31.788509],[117.27201,31.786094],[117.27217,31.78534],[117.272058,31.784157],[117.271748,31.783778],[117.271912,31.780886],[117.273535,31.779937],[117.273984,31.779891],[117.275061,31.77998],[117.275689,31.77964],[117.276551,31.778931],[117.277716,31.777383],[117.277377,31.776632],[117.277611,31.776286],[117.277782,31.776216],[117.277455,31.776035],[117.27725,31.775242],[117.276886,31.773179],[117.276891,31.773141],[117.276876,31.773124],[117.276251,31.769574],[117.276213,31.756765],[117.27427,31.752906],[117.265027,31.743078],[117.259159,31.735365],[117.246688,31.730869],[117.227152,31.719044],[117.226788,31.718451],[117.225583,31.717636],[117.224569,31.717218],[117.223269,31.716989],[117.221968,31.71679],[117.219349,31.716941],[117.216956,31.717537],[117.21532,31.717977],[117.214467,31.718376],[117.206361,31.723256],[117.197688,31.732655],[117.188689,31.744646],[117.182324,31.754637],[117.182035,31.754619],[117.180455,31.755153],[117.178961,31.755761],[117.177452,31.755987],[117.176165,31.756398],[117.17542,31.75691],[117.175098,31.757239],[117.175052,31.757286],[117.174653,31.757692],[117.173934,31.759398],[117.173829,31.761068],[117.173834,31.763922],[117.173726,31.766233],[117.175161,31.76887],[117.177046,31.771558],[117.177456,31.77399],[117.176809,31.779637],[117.176321,31.781776],[117.175104,31.784758],[117.176001,31.786789],[117.178207,31.788147],[117.181926,31.786896],[117.185618,31.785895],[117.19036,31.784765],[117.194161,31.784514],[117.197457,31.784617],[117.199918,31.785462],[117.201066,31.787686],[117.202402,31.790979],[117.202278,31.794958],[117.203218,31.798256],[117.20342,31.798569],[117.203421,31.799714],[117.203078,31.800752],[117.20227,31.801612],[117.200929,31.802815],[117.198627,31.804622],[117.198543,31.804688],[117.197433,31.805559],[117.19642,31.807221],[117.195948,31.808539],[117.194463,31.811979],[117.190693,31.817934],[117.189954,31.818793],[117.189147,31.819084],[117.188073,31.819313],[117.187855,31.819312],[117.187781,31.819329],[117.187698,31.819303],[117.187656,31.819311],[117.18687,31.819308],[117.185057,31.818169],[117.183861,31.816964],[117.18252,31.816329],[117.18118,31.815819],[117.179238,31.815248],[117.177159,31.814786],[117.172604,31.814557],[117.169252,31.813756],[117.168186,31.813128],[117.165177,31.810784],[117.163955,31.810579],[117.162462,31.811346],[117.161858,31.812683],[117.161859,31.816238],[117.161187,31.818249],[117.160084,31.819472],[117.15718,31.820446],[117.153308,31.819807],[117.152514,31.819519],[117.149758,31.81852],[117.146368,31.816102],[117.140558,31.812718],[117.130224,31.804167],[117.122795,31.797873],[117.117464,31.793191],[117.114555,31.786569],[117.114802,31.782478],[117.1148,31.782416],[117.114817,31.782336],[117.114815,31.782258],[117.114877,31.781237],[117.114687,31.779399],[117.114708,31.779348],[117.114665,31.779186],[117.114392,31.776551],[117.111483,31.774937],[117.108089,31.775907],[117.107332,31.776595],[117.107292,31.776623],[117.107237,31.776689],[117.107206,31.77671],[117.106311,31.777523],[117.106311,31.779785],[117.106473,31.78237],[117.10518,31.784309],[117.103079,31.785116],[117.098874,31.784793],[117.093537,31.783014],[117.093337,31.78291],[117.093101,31.783039],[117.092398,31.783636],[117.092092,31.783743],[117.091922,31.783583],[117.091935,31.782853],[117.09116,31.783025],[117.090933,31.782164],[117.090786,31.782103],[117.090346,31.782149],[117.090106,31.781909],[117.089958,31.781306],[117.089038,31.781052],[117.088744,31.780423],[117.08834,31.78014],[117.088138,31.780174],[117.087312,31.780815],[117.086796,31.780805],[117.08644,31.780663],[117.085305,31.779852],[117.084316,31.779284],[117.084099,31.778951],[117.083745,31.778017],[117.083309,31.777593],[117.08219,31.777446],[117.081146,31.777034],[117.079841,31.777104],[117.079279,31.777259],[117.078936,31.777209],[117.078546,31.776889],[117.078371,31.776098],[117.078086,31.775941],[117.07735,31.775967],[117.07698,31.776107],[117.076149,31.777172],[117.074824,31.777674],[117.074684,31.777871],[117.074514,31.778461],[117.074174,31.778468],[117.072827,31.778069],[117.072904,31.778959],[117.072702,31.77936],[117.071993,31.779469],[117.071093,31.779231],[117.070046,31.779153],[117.069109,31.778929],[117.067941,31.779039],[117.067232,31.778701],[117.066386,31.778811],[117.065472,31.778462],[117.064787,31.778708],[117.064314,31.778432],[117.063525,31.778184],[117.063174,31.777828],[117.062908,31.77791],[117.062187,31.778689],[117.061335,31.779065],[117.061145,31.779336],[117.06108,31.779648],[117.061105,31.780506],[117.060152,31.780548],[117.059913,31.781228],[117.060088,31.781582],[117.061068,31.782251],[117.06117,31.782436],[117.06114,31.782621],[117.060796,31.78283],[117.060034,31.782585],[117.059602,31.782722],[117.058313,31.783252],[117.058282,31.783446],[117.058481,31.78388],[117.058483,31.784096],[117.057795,31.785244],[117.057244,31.785381],[117.056479,31.785206],[117.056172,31.785746],[117.055892,31.785929],[117.055344,31.785855],[117.054558,31.785202],[117.054006,31.785087],[117.053692,31.785133],[117.05308,31.785452],[117.052642,31.785519],[117.051185,31.785171],[117.050738,31.785318],[117.05,31.785759],[117.049589,31.785856],[117.049224,31.785754],[117.048771,31.785192],[117.048486,31.785046],[117.048244,31.785111],[117.047529,31.785553],[117.047304,31.785567],[117.047264,31.785239],[117.043652,31.786008],[117.043652,31.781921],[117.038882,31.781302],[117.03596,31.781023],[117.032244,31.780823],[117.028843,31.781161],[117.024829,31.781275],[117.021766,31.781578],[117.018602,31.781228],[117.017352,31.780593],[117.015122,31.777354],[117.008021,31.770188],[117.005366,31.769408],[117.004004,31.769543],[117.001509,31.769789],[116.998574,31.770174],[116.995737,31.770456],[116.991709,31.770476],[116.987678,31.769737],[116.984541,31.768815],[116.982468,31.768073],[116.979813,31.767293],[116.977247,31.767074],[116.974071,31.76739],[116.971236,31.767672],[116.968742,31.76792],[116.965425,31.768061],[116.962973,31.767832],[116.960703,31.7673],[116.957851,31.765972],[116.954306,31.765379],[116.952681,31.766775],[116.952799,31.76828],[116.953656,31.77009],[116.954977,31.771191],[116.957177,31.772771],[116.961291,31.774067],[116.961959,31.774664],[116.961228,31.776634],[116.959169,31.779684],[116.957208,31.782629],[116.956873,31.784179],[116.957061,31.785393],[116.957322,31.787074],[116.957445,31.790095],[116.956981,31.791563],[116.955595,31.792271],[116.95237,31.793731],[116.948901,31.794364],[116.946777,31.794767],[116.944358,31.795483],[116.93944,31.798633],[116.936103,31.800107],[116.933345,31.80086],[116.931419,31.800296],[116.929986,31.799208],[116.928197,31.797304],[116.925613,31.794722],[116.922851,31.793959],[116.920832,31.795018],[116.917169,31.804018],[116.91457,31.809497],[116.911214,31.812305],[116.909761,31.813071],[116.90463,31.815775],[116.903601,31.816545],[116.901374,31.822935],[116.900176,31.824101],[116.898471,31.825698],[116.895875,31.826723],[116.893342,31.829639],[116.893318,31.830969],[116.893717,31.832065],[116.894609,31.832637],[116.896616,31.833],[116.899724,31.833059],[116.908322,31.834453],[116.91603,31.835278],[116.923125,31.837153],[116.927171,31.838222],[116.929204,31.839413],[116.929938,31.841792],[116.929791,31.844084],[116.929094,31.846181],[116.927725,31.847741],[116.92402,31.852762],[116.923204,31.854172],[116.9228,31.856016],[116.923004,31.85808],[116.923771,31.85933],[116.925065,31.860999],[116.926442,31.862471],[116.92772,31.864048],[116.92838,31.866826],[116.928741,31.869159],[116.928491,31.870512],[116.927999,31.873434],[116.926721,31.876905],[116.926787,31.880871],[116.927219,31.882349],[116.928483,31.883832],[116.930214,31.885364],[116.932355,31.886569],[116.926663,31.888453],[116.924174,31.887797],[116.920312,31.884809],[116.913402,31.889254],[116.90954,31.892096],[116.905763,31.893554],[116.900826,31.896141],[116.900997,31.900404],[116.89662,31.903756],[116.892672,31.907217],[116.892543,31.913774],[116.892758,31.915122],[116.888679,31.915669],[116.883272,31.918947],[116.879023,31.920732],[116.877993,31.923792],[116.877177,31.926888],[116.874473,31.930384],[116.872025,31.931841],[116.871811,31.933152],[116.870223,31.934572],[116.868463,31.935483],[116.867991,31.936794],[116.866446,31.938433],[116.864213,31.939744],[116.86241,31.94091],[116.86138,31.942476],[116.860951,31.943167],[116.860608,31.944515],[116.859964,31.946226],[116.857861,31.948156],[116.856874,31.948812],[116.85653,31.950013],[116.855811,31.958059],[116.859339,31.960542],[116.860449,31.963278],[116.862105,31.966239],[116.865373,31.96941],[116.872406,31.972317],[116.879162,31.974307],[116.891022,31.975108],[116.896959,31.976424],[116.904513,31.977268],[116.912895,31.978796],[116.921011,31.980555],[116.924819,31.982814],[116.926984,31.98394],[116.931062,31.986196],[116.934602,31.988001],[116.937435,31.989492],[116.929195,31.998738],[116.928936,32.006338],[116.925135,32.011636],[116.923788,32.013514],[116.924238,32.015381],[116.92544,32.016145],[116.927242,32.017273],[116.929796,32.018026],[116.932754,32.022173],[116.93314,32.024429],[116.932371,32.027049],[116.931166,32.031087],[116.93035,32.032651],[116.927819,32.0372],[116.93211,32.038873],[116.939663,32.036762],[116.943998,32.033707],[116.949748,32.032251],[116.95125,32.032506],[116.953224,32.034179],[116.963675,32.029628],[116.966507,32.028828],[116.972258,32.028937],[116.97489,32.028817],[116.978652,32.028646],[116.984403,32.028537],[116.986205,32.026718],[116.98534,32.020132],[116.985501,32.016053],[116.985584,32.013948],[116.988715,32.011776],[116.993137,32.008708],[116.99657,32.006379],[116.99863,32.00172],[116.997945,31.996337],[116.996572,31.993425],[116.997934,31.993719],[117.002266,31.994377],[117.006264,31.997098],[117.007813,31.998108],[117.020753,32.00103],[117.022915,32.002642],[117.024806,32.003793],[117.026706,32.005632],[117.029948,32.007019],[117.032509,32.006336],[117.03521,32.00428],[117.038991,32.00268],[117.041691,32.001081],[117.044461,31.998059],[117.046472,31.995202],[117.046686,31.995066],[117.047671,31.994871],[117.054106,31.994744],[117.05768,31.993244],[117.06158,31.990362],[117.064132,31.988214],[117.065739,31.987769],[117.068534,31.987473],[117.070909,31.987867],[117.071918,31.987868],[117.073271,31.987301],[117.073745,31.986787],[117.073952,31.985985],[117.073898,31.983235],[117.073431,31.981404],[117.072705,31.978942],[117.07077,31.974982],[117.070365,31.973666],[117.068628,31.970102],[117.067297,31.965918],[117.067175,31.964116],[117.067312,31.963168],[117.067382,31.962892],[117.067794,31.961284],[117.067947,31.959336],[117.068428,31.956308],[117.06891,31.954649],[117.071165,31.947952],[117.071983,31.94624],[117.073061,31.944988],[117.074483,31.943789],[117.076983,31.942078],[117.078198,31.941971],[117.079077,31.942034],[117.080086,31.941972],[117.081301,31.941521],[117.083059,31.940386],[117.0838,31.939295],[117.085764,31.937303],[117.087796,31.934959],[117.091439,31.931479],[117.092333,31.930481],[117.092876,31.930358],[117.093423,31.930654],[117.093979,31.930525],[117.095034,31.930415],[117.095553,31.930341],[117.095924,31.930063],[117.096072,31.929656],[117.095683,31.928935],[117.095442,31.92825],[117.095405,31.927436],[117.095442,31.926936],[117.095849,31.926566],[117.096331,31.926492],[117.096942,31.926585],[117.097016,31.926122],[117.096619,31.925369],[117.096549,31.924772],[117.096771,31.924341],[117.097202,31.923787],[117.097118,31.923495],[117.096463,31.923092],[117.096241,31.922852],[117.096296,31.922538],[117.096982,31.922094],[117.097478,31.921981],[117.097784,31.922064],[117.098076,31.922217],[117.098354,31.922217],[117.098576,31.92187],[117.099006,31.921232],[117.099701,31.920649],[117.100729,31.920219],[117.101451,31.919816],[117.102076,31.919789],[117.102701,31.919525],[117.103076,31.919192],[117.103715,31.918526],[117.103979,31.918165],[117.103923,31.91786],[117.103423,31.917499],[117.102839,31.917111],[117.102451,31.916514],[117.102589,31.916056],[117.103006,31.915848],[117.103464,31.916028],[117.103839,31.916389],[117.104131,31.916611],[117.104464,31.916639],[117.104909,31.916348],[117.105645,31.915709],[117.106297,31.915223],[117.107256,31.915084],[117.107839,31.914904],[117.110324,31.913821],[117.111698,31.913099],[117.113905,31.912862],[117.114405,31.912792],[117.115376,31.912098],[117.116848,31.911723],[117.118305,31.911056],[117.119165,31.911014],[117.120705,31.910527],[117.122689,31.910831],[117.124021,31.91083],[117.124743,31.910621],[117.125186,31.910079],[117.126838,31.909453],[117.128031,31.908453],[117.129265,31.907382],[117.130883,31.906047],[117.132991,31.903468],[117.134185,31.900999],[117.136512,31.89847],[117.139036,31.895828],[117.141088,31.894262],[117.14155,31.891335],[117.141831,31.891011],[117.142181,31.891021],[117.142544,31.89126],[117.142557,31.891494],[117.142326,31.891822],[117.142241,31.892817],[117.142299,31.893181],[117.142628,31.893362],[117.1427,31.893811],[117.143074,31.894211],[117.143298,31.894911],[117.144368,31.896294],[117.145011,31.896775],[117.145849,31.896662],[117.146595,31.896677],[117.147082,31.896836],[117.147736,31.897194],[117.148023,31.897908],[117.148849,31.898617],[117.149259,31.898808],[117.149941,31.898912],[117.150315,31.898878],[117.152437,31.898202],[117.153742,31.898308],[117.153998,31.898231],[117.154162,31.898088],[117.154198,31.89784],[117.153561,31.896735],[117.153982,31.89628],[117.154158,31.895366],[117.154685,31.895119],[117.155602,31.895071],[117.155879,31.895288],[117.15608,31.895761],[117.156422,31.896021],[117.156412,31.896431],[117.156485,31.896564],[117.156661,31.896619],[117.157176,31.896557],[117.157303,31.896434],[117.157408,31.89577],[117.157664,31.895243],[117.157651,31.895062],[117.157506,31.894908],[117.156944,31.894675],[117.156455,31.894589],[117.156448,31.894316],[117.156669,31.893957],[117.156904,31.89316],[117.157662,31.892732],[117.158067,31.891754],[117.158351,31.891531],[117.158674,31.891527],[117.159209,31.891747],[117.159616,31.89172],[117.159993,31.89153],[117.160209,31.891247],[117.160752,31.891071],[117.161081,31.890446],[117.161471,31.890054],[117.161947,31.889816],[117.16328,31.889558],[117.163413,31.889428],[117.163139,31.888962],[117.163074,31.888032],[117.16251,31.887552],[117.162112,31.887339],[117.161724,31.886508],[117.16082,31.885797],[117.160634,31.885386],[117.160538,31.884481],[117.159873,31.883816],[117.160179,31.883159],[117.160266,31.882703],[117.160142,31.882144],[117.159687,31.881381],[117.159418,31.8796],[117.159378,31.87855],[117.159427,31.878409],[117.159994,31.878032],[117.159848,31.877471],[117.159964,31.876949],[117.160761,31.877176],[117.161138,31.877104],[117.161259,31.877154],[117.161272,31.877708],[117.161529,31.878186],[117.161544,31.878591],[117.161974,31.87939],[117.161967,31.879935],[117.162302,31.880402],[117.162745,31.880615],[117.162853,31.880838],[117.163392,31.881187],[117.163855,31.881164],[117.164747,31.880694],[117.165017,31.880892],[117.165018,31.881088],[117.164382,31.881679],[117.164184,31.882063],[117.164281,31.883045],[117.164384,31.883243],[117.164588,31.883332],[117.165333,31.883165],[117.165215,31.883666],[117.1654,31.884144],[117.165195,31.884588],[117.165518,31.885049],[117.165782,31.885888],[117.166491,31.886508],[117.166431,31.886802],[117.166083,31.887129],[117.166174,31.887446],[117.166594,31.887785],[117.166975,31.887816],[117.167276,31.887581],[117.167431,31.887018],[117.167563,31.886876],[117.1686,31.886667],[117.169584,31.886578],[117.169858,31.886648],[117.170215,31.887066],[117.170612,31.887329],[117.170826,31.887626],[117.171222,31.887631],[117.171643,31.887164],[117.173369,31.886201],[117.173988,31.886192],[117.174646,31.886311],[117.175158,31.886234],[117.176048,31.886497],[117.176266,31.886449],[117.176325,31.886269],[117.17601,31.885823],[117.175922,31.88533],[117.175695,31.885005],[117.175626,31.884645],[117.176286,31.882305],[117.17641,31.880791],[117.175798,31.87991],[117.175739,31.879204],[117.175908,31.878929],[117.176911,31.878409],[117.177024,31.878431],[117.177429,31.878913],[117.177855,31.879172],[117.178097,31.879508],[117.178708,31.879734],[117.178797,31.880074],[117.178446,31.880655],[117.178581,31.881379],[117.178809,31.881502],[117.178875,31.881838],[117.178705,31.883314],[117.179194,31.883762],[117.179547,31.88373],[117.179685,31.883801],[117.179665,31.884575],[117.179817,31.884983],[117.18031,31.88544],[117.180798,31.885722],[117.181151,31.886114],[117.181672,31.886339],[117.182246,31.886162],[117.182356,31.885995],[117.18249,31.885296],[117.183251,31.88537],[117.183537,31.885237],[117.183913,31.884651],[117.184022,31.884226],[117.18361,31.883418],[117.183806,31.883341],[117.184243,31.883391],[117.184389,31.883141],[117.18465,31.883071],[117.185518,31.881794],[117.185729,31.881933],[117.185591,31.882739],[117.185597,31.883344],[117.185362,31.883714],[117.185485,31.884329],[117.185439,31.884826],[117.185498,31.884972],[117.186782,31.885451],[117.186932,31.885352],[117.18714,31.884889],[117.1875,31.884559],[117.189726,31.884558],[117.189922,31.884519],[117.190128,31.884349],[117.190566,31.883583],[117.190142,31.882962],[117.190124,31.882614],[117.190669,31.881934],[117.190748,31.881575],[117.191489,31.881036],[117.192162,31.879608],[117.192207,31.879228],[117.192061,31.878691],[117.192186,31.878184],[117.192129,31.877654],[117.192442,31.877003],[117.192451,31.876819],[117.192297,31.876668],[117.191993,31.876646],[117.191379,31.876908],[117.19067,31.876994],[117.190131,31.877314],[117.189862,31.877378],[117.189577,31.877296],[117.189296,31.876946],[117.189013,31.876921],[117.188501,31.877172],[117.188339,31.877447],[117.188023,31.877663],[117.187633,31.877748],[117.187356,31.877698],[117.187248,31.877586],[117.18724,31.877259],[117.187808,31.8768],[117.188092,31.876351],[117.18876,31.875664],[117.188863,31.875269],[117.188656,31.875004],[117.187812,31.874818],[117.187357,31.874352],[117.187277,31.874039],[117.187496,31.873926],[117.188347,31.873965],[117.188654,31.873744],[117.188841,31.873716],[117.18989,31.874346],[117.190466,31.874449],[117.190899,31.874316],[117.191593,31.874282],[117.192076,31.874086],[117.192214,31.873651],[117.192216,31.872972],[117.192535,31.872479],[117.192558,31.872316],[117.192411,31.872134],[117.191666,31.871957],[117.191768,31.871678],[117.192108,31.871227],[117.191611,31.870343],[117.191698,31.870258],[117.192112,31.870234],[117.192323,31.870062],[117.192969,31.870022],[117.193102,31.869822],[117.192663,31.86936],[117.192668,31.868785],[117.192439,31.868334],[117.191222,31.867202],[117.191086,31.866676],[117.19025,31.865783],[117.190288,31.865574],[117.190507,31.865269],[117.190758,31.865131],[117.190958,31.865136],[117.191262,31.865291],[117.192016,31.86594],[117.192293,31.865912],[117.192426,31.865806],[117.192376,31.865449],[117.191997,31.865111],[117.191452,31.864879],[117.191187,31.864169],[117.190976,31.863982],[117.190135,31.863602],[117.189931,31.863147],[117.189651,31.86337],[117.188438,31.86344],[117.188214,31.863179],[117.187114,31.86298],[117.18699,31.862805],[117.187141,31.862608],[117.187476,31.862439],[117.188231,31.862466],[117.188874,31.862156],[117.189336,31.861626],[117.189591,31.860724],[117.189914,31.860009],[117.190039,31.859908],[117.190667,31.859805],[117.19135,31.85987],[117.191913,31.860186],[117.193316,31.862192],[117.193285,31.862517],[117.193729,31.862546],[117.1944,31.86167],[117.194737,31.86089],[117.194999,31.859969],[117.194979,31.859753],[117.19462,31.859058],[117.195108,31.858944],[117.195307,31.858799],[117.195917,31.858509],[117.196224,31.858527],[117.196397,31.858629],[117.196536,31.859172],[117.196346,31.859663],[117.196365,31.859883],[117.196684,31.860142],[117.196775,31.860471],[117.197305,31.860768],[117.197507,31.861016],[117.197515,31.861314],[117.197194,31.862126],[117.197326,31.862395],[117.197788,31.862778],[117.198163,31.863225],[117.198404,31.863821],[117.198745,31.864142],[117.198928,31.864523],[117.198882,31.864904],[117.198378,31.865434],[117.198231,31.865798],[117.198329,31.86609],[117.198841,31.866667],[117.199079,31.867199],[117.198972,31.867406],[117.198581,31.867626],[117.198483,31.867852],[117.198696,31.869215],[117.198628,31.869859],[117.198046,31.870267],[117.197691,31.870737],[117.196953,31.87133],[117.19682,31.871641],[117.197092,31.872144],[117.197761,31.872793],[117.197878,31.873328],[117.198166,31.873922],[117.198056,31.874681],[117.199117,31.875449],[117.199097,31.875623],[117.198433,31.876629],[117.198506,31.876851],[117.198961,31.877321],[117.199025,31.878281],[117.199575,31.878377],[117.200355,31.877497],[117.200692,31.877374],[117.200951,31.877454],[117.201009,31.877576],[117.200899,31.878025],[117.20095,31.880045],[117.201105,31.880292],[117.201435,31.880416],[117.202298,31.880059],[117.202686,31.879647],[117.203364,31.879599],[117.203452,31.879233],[117.203268,31.878446],[117.203378,31.87821],[117.203629,31.877992],[117.204003,31.877981],[117.204607,31.878394],[117.205141,31.878569],[117.205612,31.878493],[117.205927,31.878251],[117.206459,31.877574],[117.206613,31.876588],[117.206404,31.875994],[117.205796,31.875542],[117.205589,31.874922],[117.204989,31.874293],[117.205044,31.874039],[117.205588,31.873674],[117.205886,31.873266],[117.205714,31.872908],[117.204764,31.872091],[117.204744,31.871854],[117.204957,31.871709],[117.206511,31.872199],[117.206958,31.872512],[117.207175,31.873073],[117.207095,31.873876],[117.207205,31.874056],[117.207995,31.874349],[117.208885,31.874167],[117.209199,31.874238],[117.209212,31.874576],[117.208795,31.874895],[117.208697,31.875082],[117.20873,31.875442],[117.208943,31.87568],[117.209885,31.876177],[117.210267,31.876144],[117.210992,31.875913],[117.211155,31.875929],[117.211202,31.876028],[117.210908,31.876473],[117.210871,31.876853],[117.210602,31.877248],[117.210552,31.877479],[117.210906,31.878606],[117.211009,31.878709],[117.211198,31.878725],[117.2113,31.878817],[117.211397,31.879685],[117.212259,31.879722],[117.215182,31.879814],[117.217544,31.880432],[117.217575,31.880428],[117.217597,31.880446],[117.218386,31.880653],[117.221186,31.881494],[117.223613,31.88234],[117.224179,31.882635],[117.224409,31.882898],[117.224438,31.883092],[117.224234,31.883535],[117.224222,31.883778],[117.224359,31.884454],[117.224529,31.884832],[117.224701,31.88495],[117.225023,31.884905],[117.225736,31.884618],[117.227179,31.884667],[117.227801,31.884537],[117.22805,31.884393],[117.22828,31.884109],[117.22864,31.883132],[117.229386,31.882834],[117.229831,31.882647],[117.230321,31.882273],[117.23038,31.881974],[117.230252,31.881873],[117.229472,31.881699],[117.229091,31.881371],[117.228098,31.879791],[117.227682,31.878972],[117.227518,31.878195],[117.227638,31.877115],[117.228029,31.876627],[117.228429,31.876384],[117.228808,31.876304],[117.230355,31.876348],[117.231637,31.875833],[117.232301,31.876266],[117.232591,31.876556],[117.232715,31.876794],[117.232736,31.877153],[117.232532,31.877578],[117.232266,31.87784],[117.231203,31.877967],[117.231083,31.878057],[117.231067,31.87824],[117.231407,31.878593],[117.232414,31.878871],[117.233301,31.879656],[117.233593,31.879811],[117.233839,31.879809],[117.234277,31.879618],[117.234866,31.879143],[117.234976,31.878803],[117.235076,31.877433],[117.235382,31.876934],[117.235574,31.876831],[117.235796,31.876836],[117.236135,31.877001],[117.236405,31.877303],[117.23706,31.878505],[117.237418,31.878603],[117.237801,31.878546],[117.238754,31.878035],[117.239585,31.877809],[117.240488,31.877296],[117.241006,31.87685],[117.24152,31.876112],[117.241528,31.876099],[117.241526,31.876066],[117.241678,31.874836],[117.241863,31.874478],[117.2421,31.874408],[117.242355,31.874449],[117.243318,31.874994],[117.243728,31.875032],[117.243933,31.874939],[117.243998,31.874793],[117.243596,31.874137],[117.243564,31.873912],[117.243672,31.873743],[117.244044,31.873748],[117.244891,31.874081],[117.245153,31.874464],[117.245138,31.875965],[117.245273,31.876404],[117.245385,31.876481],[117.246112,31.876369],[117.246837,31.87595],[117.247051,31.875661],[117.2475,31.874544],[117.247855,31.87426],[117.248985,31.874259],[117.249059,31.874269],[117.249081,31.874258],[117.25023,31.874256],[117.250254,31.874258],[117.25028,31.874256],[117.250409,31.874256],[117.250429,31.874246],[117.250457,31.874256],[117.251824,31.874113],[117.252261,31.874022],[117.25318,31.87395],[117.253662,31.873912],[117.253834,31.873681],[117.2541,31.873097],[117.254478,31.872625],[117.254916,31.872239],[117.255637,31.871912],[117.256212,31.871792],[117.256659,31.871981],[117.256994,31.872075],[117.257501,31.87205],[117.257947,31.871981],[117.258609,31.871689],[117.25949,31.871075],[117.260601,31.870274],[117.261305,31.870119],[117.261967,31.870137],[117.262594,31.870386],[117.263376,31.870807],[117.26407,31.871042],[117.265896,31.87083],[117.268508,31.870371],[117.269677,31.868812],[117.270082,31.865708],[117.269615,31.861286],[117.26962,31.860855],[117.269663,31.860719],[117.269745,31.859742],[117.269742,31.859722],[117.269748,31.859699],[117.269924,31.857591],[117.271253,31.855816],[117.273054,31.854516],[117.273067,31.854505],[117.273084,31.854494],[117.273715,31.854039],[117.276613,31.853692]]
}]

实现的效果如下：

备注：在蓝色3D区域上，添加气泡图并显示信息窗体。该功能还未实现，还在研读文档，实现后会更新呢？小伙伴们也可以提供些思路给我呢

小伙伴如需转载，请标明文章出处哦~

高德地图的地理空间数据可视化（Loca）相关推荐

城市地理空间数据可视化
城市地理空间数据是跟城市中一切与地理空间分布有关的各种要素的图形信息.属性信息以及相互空间关系的总称. 城市地理空间数据的可视化表达就是根据相应的专题数据或是指标,采用一定的算法,对空间要素进行分类分 ...
高德地图api 地理编码（地址--＞坐标）geocoder.getLocation在官方可以测试出结果，下载代码到本地却用不了问题解决
问题高德地图api 地理编码(地址-->坐标)功能,通过输入地址信息得到经纬度信息.geocoder.getLocation在官方可以测试出结果,下载代码到本地却用不了. 官方示例测试, ...
调用高德逆地理接口_PHP实现高德地图的地理/逆地理编码
最近因为项目需求,需要把酒店地址和经纬度互相转换,于是就学习使用了高德地图WEB服务端API-地理编码/逆地理编码,下面分享出来. 产品介绍地理编码/逆地理编码 API 是通过 HTTP/HTT ...
【安信可NB-IoT模组EC系列AT指令应用笔记④】将设备位置接入阿里云地图，实现空间数据可视化
一. 前言安信可EC-01G模块内置了GPS定位芯片,可以将定位信息导入到云阿里平台,实现空间数据的可视化. 更多资料请见阿里云官方文档:https://help.aliyun.com/docume ...
设置电子围栏高德地图_地理围栏-API文档-开发指南-Web服务 API | 高德地图API
产品介绍地理围栏服务是一类HTTP接口,提供在服务端,增删改查地理围栏的功能,同时支持对于设备与围栏关系进行监控. 适用场景地理围栏服务适用于需要针对特定区域,监控用户位置与区域关系的场景中.包括 ...
高德地图逆地理编码Geocoder的getlocation获取不到位置信息
问题:原生定位接口定位失败,则status返回error事件或回调error信息,获取不到位置信息产生原因:逆编码方法使用不了原因是使用的高德地图的应用方向web服务,而Geocoder属于web端 ...
html调用显示高德地图,快速上手-数据可视化 JS API | 高德地图API
接下来我们通过一个简单的例子:『将已有的全国市县位置数据,用圆形标记在地图上』,来快速了解下 Loca 的用法吧. 1. 申请开发者 KEY 使用前,请您先申请开发者 Key,这里您可以和 JS-AP ...
设置电子围栏高德地图_地理围栏-辅助功能-开发指南-Android 定位SDK | 高德地图API...
以下内容自定位 SDK V3.2.0 版本后支持. 第一步,创建地理围栏地理围栏没有最大个数限制,您可以无限制的创建围栏.但请您根据业务需求合理的创建围栏,控制围栏个数可以有效的保证程序执行效率.定 ...
设置电子围栏高德地图_地理围栏-辅助功能-开发指南-iOS 定位SDK | 高德地图API...
以下内容自 iOS 定位SDK V2.3.0 后支持. 第 1 步,引入头文件在调用地理围栏功能的类中引入AMapFoundationKit.h和AMapLocationKit.h这两个头文件,注意 ...

高德地图的地理空间数据可视化（Loca）

高德地图的地理空间数据可视化（Loca）相关推荐

最新文章

热门文章