echarts泰州市靖江市geoJson地图点击地图插小旗实例

geoJson2 yekong

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

echarts泰州市靖江市geoJson地图点击地图插小旗

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

echarts泰州市靖江市geoJson地图点击地图插小旗

echarts泰州市靖江市geoJson地图label自定义样式

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

echarts泰州市靖江市geoJson地图label自定义样式

echarts泰州市靖江市geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts泰州市靖江市geoJson地图水滴状气泡图

threejs泰州市靖江市geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs泰州市靖江市geoJson地图3d地图CSS2D外加旋转棱锥

threejs泰州市靖江市geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名

threejs泰州市靖江市geoJson地图3d地图css2d标签

threejs泰州市靖江市geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs泰州市靖江市geoJson地图3d地图自定义贴图加CSS3D标签

泰州市靖江市 下辖有 东兴镇,城南街道,江阴园区,城北园区,新桥镇,滨江新城,季市镇,孤山镇,斜桥镇,生祠镇,西来镇,马桥镇,靖城街道

泰州市靖江市下辖区域坐标

{"东兴镇":[120.1641805901515,31.97899728455621],"城南街道":[120.24087011719877,31.97844430358764],"江阴园区":[120.21326535014633,31.9603119701574],"城北园区":[120.28519268813487,32.05023616788611],"新桥镇":[120.07514227014744,31.99003989117005],"滨江新城":[120.29379117601667,31.98269285672635],"季市镇":[120.32836089165606,32.11110262555324],"孤山镇":[120.28753297564468,32.07699874179887],"斜桥镇":[120.41281085688317,32.03258484977903],"生祠镇":[120.12186502999765,32.04866719404936],"西来镇":[120.46181586949761,32.07326912474451],"马桥镇":[120.20182550875984,32.05214818149248],"靖城街道":[120.2830107034739,32.02924728530235]}

泰州市靖江市行政划分代码

[{"name":"东兴镇","code":"321282102000"},{"name":"城南街道","code":""},{"name":"江阴园区","code":"321282404000"},{"name":"城北园区","code":"321282403000"},{"name":"新桥镇","code":"321282101000"},{"name":"滨江新城","code":"321282406000"},{"name":"季市镇","code":"321282105000"},{"name":"孤山镇","code":"321282106000"},{"name":"斜桥镇","code":"321282103000"},{"name":"生祠镇","code":"321282108000"},{"name":"西来镇","code":"321282104000"},{"name":"马桥镇","code":"321282109000"},{"name":"靖城街道","code":"321282001000"}]

说明

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

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

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

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

泰州市靖江市echarts地图效果实例和threejs地图效果实例下载

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