echarts阳江市阳春市geoJson地图点击地图插小旗实例代码

echarts yekong

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

阳春市,广东省 辖县级市,由 阳江市 代管,意取“漠水之阳,四季如春”,古称春州,地处广东省西南部、漠阳江中上游,总面积4037.8平方千米。2021年,阳春市户籍人口1224589人。阳春市是广东省直管县财政改革试点,更是珠三角地区与粤西地区的交通中枢,距离阳江港60千米,三茂铁路、阳阳铁路、春罗铁路、肇阳高速、汕湛高速、中阳高速、广湛高铁、234国道、325国道、359国道等途径境内。拥有广东阳春凌宵岩国家地质公园,先后获得中国优秀旅游城市、中国马水桔之乡、中国春砂仁之乡、全国科普示范市、全国政务公开示范点、广东省文明城市、广东省卫生城市、广东省园林城市、广东省教育强市等20多项荣誉称号。

echarts阳江市阳春市geoJson地图点击地图插小旗

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

echarts阳江市阳春市geoJson地图点击地图插小旗

echarts阳江市阳春市geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts阳江市阳春市geoJson地图局部颜色渐变

echarts阳江市阳春市geoJson地图点击弹出自定义弹窗

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

echarts阳江市阳春市geoJson地图点击弹出自定义弹窗

threejs阳江市阳春市geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话,可以观看threejs视频 WebGL 3D可视化教程

threejs阳江市阳春市geoJson地图3d地图添加旋转棱锥

threejs阳江市阳春市geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs阳江市阳春市geoJson地图3d地图

threejs阳江市阳春市geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs阳江市阳春市geoJson地图3d地图鼠标移入显示标签并高亮

阳江市阳春市下辖有三叶农场,春城街道,南山矿,岗美镇,春湾镇,松柏镇,永宁镇,河口镇,河朗镇,潭水镇,石望镇,硫铁矿,陂面镇,马水镇,东湖林场,河尾山林场,三甲镇,八甲镇,双窖镇,合水镇,圭岗镇,石录矿区,花滩林场,阳春监狱,岗桥管理区

阳江市阳春市下辖区域坐标

{"三叶农场":[111.95443845740238,22.62622438155093],"春城街道":[111.81792266815143,22.16646226041905],"南山矿":[111.95675105735273,22.61600253311936],"岗美镇":[111.77145499204173,22.02873553120381],"春湾镇":[112.0221408777161,22.40747522101561],"松柏镇":[111.83808247551059,22.47272874842739],"永宁镇":[111.57801854723894,22.27758682957263],"河口镇":[111.62409314783773,21.95788594472155],"河朗镇":[111.77861863664532,22.57341205677589],"潭水镇":[111.59364452650962,22.07045688723717],"石望镇":[111.93387993860335,22.56132192677891],"硫铁矿":[111.96221341295582,22.61370824225747],"陂面镇":[111.84144366410744,22.3327538284444],"马水镇":[111.65552021227649,22.15040436345134],"东湖林场":[111.95564343324202,22.61996498412051],"河尾山林场":[111.95618273991771,22.61771732491869],"三甲镇":[111.47632370103253,22.14667713494491],"八甲镇":[111.41146007029225,21.94575677617449],"双窖镇":[111.37044130889382,22.12523956024914],"合水镇":[111.93670617653936,22.30264540055023],"圭岗镇":[111.70860481066273,22.35728366098589],"石录矿区":[111.95468882499571,22.62415767652136],"花滩林场":[111.95490720204273,22.6221359769009],"阳春监狱":[111.95348242067374,22.61201504577016],"岗桥管理区":[111.95457515707598,22.62816416972913]}

说明

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

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

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

阳江市阳春市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts阳江市阳春市geoJson地图点击地图插小旗实例代码