echarts凉山彝族自治州冕宁县geoJson地图点击弹出自定义弹窗演示实例

geoJson2 yekong

数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理凉山彝族自治州冕宁县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts凉山彝族自治州冕宁县geoJson地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts凉山彝族自治州冕宁县geoJson地图点击弹出自定义弹窗

echarts凉山彝族自治州冕宁县geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts凉山彝族自治州冕宁县geoJson地图3d地图

echarts凉山彝族自治州冕宁县geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts凉山彝族自治州冕宁县geoJson地图自定义引导线

threejs凉山彝族自治州冕宁县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs视频课程 Three.js前端3D可视化教程

threejs凉山彝族自治州冕宁县geoJson地图3d地图CSS2D外加旋转棱锥

threejs凉山彝族自治州冕宁县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs凉山彝族自治州冕宁县geoJson地图3d地图鼠标移入显示标签并高亮

凉山彝族自治州冕宁县 下辖有 森荣乡,腊窝乡,锦屏乡,金林乡,马头乡,青纳乡,健美乡,先锋乡,冶勒乡,南河乡,后山乡,哈哈乡,回坪乡,回龙镇,里庄乡,城厢镇,复兴镇,宏模乡,大桥镇,彝海镇,惠安乡,拖乌乡,新兴乡,河边乡,曹古乡,林里乡,沙坝镇,石龙镇,窝堡乡,河里乡,联合乡,泸沽镇,泽远乡,铁厂乡,棉沙湾乡,漫水湾镇,麦地沟乡,和爱藏族乡

凉山彝族自治州冕宁县下辖区域坐标

{"森荣乡":[102.01177466083973,28.40054989246064],"腊窝乡":[101.86034251985095,28.15392448378375],"锦屏乡":[101.83320673373753,28.45914766161755],"金林乡":[101.91588258445536,28.18618422097749],"马头乡":[101.95509710642182,28.54351203194708],"青纳乡":[101.86379864499528,28.52959386576836],"健美乡":[101.70279665863185,28.31404898548816],"先锋乡":[102.11540083319943,28.2840333310621],"冶勒乡":[102.11495639920511,28.93239361458149],"南河乡":[101.82062657468586,28.35827993018604],"后山乡":[102.24657193388721,28.42435001779572],"哈哈乡":[102.03930683657937,28.52595930217203],"回坪乡":[102.14612668715309,28.52911736334969],"回龙镇":[102.07689785876764,28.45915700653655],"里庄乡":[101.87133102715643,28.22228640645287],"城厢镇":[102.20789780162953,28.55986117958438],"复兴镇":[102.14711162113306,28.46426966864152],"宏模乡":[102.1386010825556,28.36860753200614],"大桥镇":[102.10103293571888,28.74836544323995],"彝海镇":[102.29206003639287,28.73524514519065],"惠安乡":[102.10891189919809,28.63702752555511],"拖乌乡":[102.32483724701095,28.8121421759334],"新兴乡":[101.76023446831272,28.43927618548227],"河边乡":[102.08622450051578,28.31326589816964],"曹古乡":[102.27905699886671,28.64234588137194],"林里乡":[102.2431277384182,28.49285403840635],"沙坝镇":[102.08214945239837,28.18611305697387],"石龙镇":[102.2067981623482,28.38247883939869],"窝堡乡":[101.9706046222251,28.63833532460416],"河里乡":[102.0425384532499,28.33465206504298],"联合乡":[101.79019710862502,28.22579205287156],"泸沽镇":[102.21332219803739,28.28564684118533],"泽远乡":[102.00775905459332,28.22097279932001],"铁厂乡":[102.27176058559976,28.28452815263305],"棉沙湾乡":[101.92505240306991,28.45035757732239],"漫水湾镇":[102.17881391448924,28.21804671705952],"麦地沟乡":[101.93103961025705,28.32324599768211],"和爱藏族乡":[101.84610968280415,28.55985825772461]}

凉山彝族自治州冕宁县行政划分代码

[{"name":"森荣乡","code":""},{"name":"腊窝乡","code":""},{"name":"锦屏乡","code":""},{"name":"金林乡","code":""},{"name":"马头乡","code":""},{"name":"青纳乡","code":""},{"name":"健美乡","code":"513433231000"},{"name":"先锋乡","code":""},{"name":"冶勒乡","code":""},{"name":"南河乡","code":""},{"name":"后山乡","code":""},{"name":"哈哈乡","code":""},{"name":"回坪乡","code":""},{"name":"回龙镇","code":""},{"name":"里庄乡","code":""},{"name":"城厢镇","code":""},{"name":"复兴镇","code":"513433103000"},{"name":"宏模乡","code":""},{"name":"大桥镇","code":"513433102000"},{"name":"彝海镇","code":"513433106000"},{"name":"惠安乡","code":""},{"name":"拖乌乡","code":""},{"name":"新兴乡","code":"513433230000"},{"name":"河边乡","code":""},{"name":"曹古乡","code":""},{"name":"林里乡","code":""},{"name":"沙坝镇","code":""},{"name":"石龙镇","code":"513433107000"},{"name":"窝堡乡","code":""},{"name":"河里乡","code":""},{"name":"联合乡","code":""},{"name":"泸沽镇","code":"513433104000"},{"name":"泽远乡","code":""},{"name":"铁厂乡","code":""},{"name":"棉沙湾乡","code":""},{"name":"漫水湾镇","code":"513433101000"},{"name":"麦地沟乡","code":""},{"name":"和爱藏族乡","code":"513433226000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

凉山彝族自治州冕宁县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts凉山彝族自治州冕宁县geoJson地图点击弹出自定义弹窗演示实例