echarts钦州市钦南区geoJson地图点击跳转到指定页面演示实例

geoJson2 yekong

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

echarts钦州市钦南区geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts钦州市钦南区geoJson地图点击跳转到指定页面

echarts钦州市钦南区geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts钦州市钦南区geoJson地图定义颜色

echarts钦州市钦南区geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts钦州市钦南区geoJson地图自定义label样式

threejs钦州市钦南区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs课程视频 WebGL 3D可视化教程

threejs钦州市钦南区geoJson地图3d地图指定区域闪烁

threejs钦州市钦南区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs钦州市钦南区geoJson地图3d地图CSS3D标签

threejs钦州市钦南区geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs钦州市钦南区geoJson地图3d地图鼠标移入显示标签并高亮

钦州市钦南区 下辖有 沙埠镇,那彭镇,那思镇,南珠街道,向阳街道,大番坡镇,康熙岭镇,东场镇,久隆镇,黄屋屯镇,那丽镇,尖山镇,文峰街道,水东街道,犀牛脚镇,龙门港镇,丽光华侨农场,三娘湾旅游管理区,中马钦州产业园区,广西钦州保税港区,钦州港经济技术开发区

钦州市钦南区下辖区域坐标

{"沙埠镇":[108.70815275538652,21.94535137525006],"那彭镇":[108.90777402313337,22.02533013771748],"那思镇":[109.0534357116049,21.93622783369763],"南珠街道":[108.60342913018073,21.99587975173594],"向阳街道":[108.62767418255746,21.96456071476458],"大番坡镇":[108.64632719983476,21.83783644114064],"康熙岭镇":[108.52671936943469,21.88389459130744],"东场镇":[108.79216991390985,21.79825042727272],"久隆镇":[108.77294580108716,22.04608434830959],"黄屋屯镇":[108.50705792700958,21.99820252518027],"那丽镇":[108.89879018115309,21.84687684634568],"尖山镇":[108.57692003548964,21.88078941540368],"文峰街道":[108.61175845304491,21.94475102788117],"水东街道":[108.64948552673378,21.97621613628702],"犀牛脚镇":[108.75850474093835,21.71106240180906],"龙门港镇":[108.53396934118203,21.76660069414615],"丽光华侨农场":[108.86631893968243,21.92553491486198],"三娘湾旅游管理区":[108.72375735811953,21.64176087103911],"中马钦州产业园区":[108.67443377750877,21.76753120835632],"广西钦州保税港区":[108.65285380218954,21.68204782275251],"钦州港经济技术开发区":[108.6338749458647,21.73274678851686]}

钦州市钦南区行政划分代码

[{"name":"沙埠镇","code":"450702100000"},{"name":"那彭镇","code":"450702110000"},{"name":"那思镇","code":"450702111000"},{"name":"南珠街道","code":"450702004000"},{"name":"向阳街道","code":"450702001000"},{"name":"大番坡镇","code":"450702104000"},{"name":"康熙岭镇","code":"450702101000"},{"name":"东场镇","code":"450702108000"},{"name":"久隆镇","code":"450702107000"},{"name":"黄屋屯镇","code":"450702102000"},{"name":"那丽镇","code":"450702109000"},{"name":"尖山镇","code":""},{"name":"文峰街道","code":"450702003000"},{"name":"水东街道","code":"450702002000"},{"name":"犀牛脚镇","code":"450702112000"},{"name":"龙门港镇","code":"450702105000"},{"name":"丽光华侨农场","code":"450702400000"},{"name":"三娘湾旅游管理区","code":"450702402000"},{"name":"中马钦州产业园区","code":"450702404000"},{"name":"广西钦州保税港区","code":"450702403000"},{"name":"钦州港经济技术开发区","code":"450702401000"}]

说明

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

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

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

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

钦州市钦南区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts钦州市钦南区geoJson地图点击跳转到指定页面演示实例