echarts九江市瑞昌市geoJson地图3d地图实例代码

geoJson2 yekong 88℃

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是九江市瑞昌市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts九江市瑞昌市geoJson地图3d地图

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

echarts九江市瑞昌市geoJson地图3d地图

echarts九江市瑞昌市geoJson地图点击弹出自定义弹窗

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

echarts九江市瑞昌市geoJson地图点击弹出自定义弹窗

echarts九江市瑞昌市geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts九江市瑞昌市geoJson地图点击地图插小旗

threejs九江市瑞昌市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js视频教程3D可视化

threejs九江市瑞昌市geoJson地图3d地图自定义贴图加CSS3D标签

threejs九江市瑞昌市geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs九江市瑞昌市geoJson地图3d地图红色描边闪烁警报

threejs九江市瑞昌市geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs九江市瑞昌市geoJson地图3d地图添加描边效果

九江市瑞昌市 下辖有 黄金乡,横立山乡,湓城街道,武蛟乡,高丰镇,南义镇,南阳乡,夏畈镇,横港镇,洪一乡,洪下乡,白杨镇,码头镇,肇陈镇,花园乡,赛湖农场,青山林场,桂林街道,瑞昌市大德山林场,范镇,乐园乡

九江市瑞昌市下辖区域坐标

{"黄金乡":[115.49563865704589,29.78672731406706],"横立山乡":[115.42733832133982,29.69004151798623],"湓城街道":[115.6608324980548,29.67238646402275],"武蛟乡":[115.63539015847988,29.76919905838693],"高丰镇":[115.54240206361695,29.64876972904875],"南义镇":[115.36791856175921,29.47855249985571],"南阳乡":[115.53078827925263,29.71340966857234],"夏畈镇":[115.5401419769371,29.76506223268106],"横港镇":[115.45610554498987,29.54755377098562],"洪一乡":[115.19067637561844,29.63614104217702],"洪下乡":[115.43700759316437,29.63543482896334],"白杨镇":[115.64583942920001,29.74695234915252],"码头镇":[115.59544314981049,29.8082638467386],"肇陈镇":[115.20829826171735,29.5624798625451],"花园乡":[115.3037790378626,29.58680383238989],"赛湖农场":[115.72173516086391,29.68558078910887],"青山林场":[115.41836600402021,29.57573930103492],"桂林街道":[115.63477400187313,29.64993669077533],"瑞昌市大德山林场":[115.35497246917112,29.62201242529866],"范镇":[115.5781060476571,29.55640400053947],"乐园乡":[115.26455175445827,29.52773632975011]}

九江市瑞昌市行政划分代码

[{"name":"黄金乡","code":"360481206000"},{"name":"横立山乡","code":"360481205000"},{"name":"湓城街道","code":"360481001000"},{"name":"武蛟乡","code":"360481204000"},{"name":"高丰镇","code":"360481106000"},{"name":"南义镇","code":"360481102000"},{"name":"南阳乡","code":"360481207000"},{"name":"夏畈镇","code":"360481107000"},{"name":"横港镇","code":"360481103000"},{"name":"洪一乡","code":"360481201000"},{"name":"洪下乡","code":"360481203000"},{"name":"白杨镇","code":"360481101000"},{"name":"码头镇","code":"360481100000"},{"name":"肇陈镇","code":"360481105000"},{"name":"花园乡","code":"360481202000"},{"name":"赛湖农场","code":"360481500000"},{"name":"青山林场","code":"360481501000"},{"name":"桂林街道","code":"360481002000"},{"name":"瑞昌市大德山林场","code":"360481502000"},{"name":"范镇","code":"360481104000"},{"name":"乐园乡","code":"360481200000"}]

说明

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

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

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

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

九江市瑞昌市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts九江市瑞昌市geoJson地图3d地图实例代码