echarts衢州市柯城区geoJson地图迁徙图效果实例

geoJson2 yekong

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

echarts衢州市柯城区geoJson地图迁徙图

echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向

echarts衢州市柯城区geoJson地图迁徙图

echarts衢州市柯城区geoJson地图点击跳转到指定页面

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

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地图自定义贴图加CSS2D标签

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

threejs衢州市柯城区geoJson地图3d地图自定义贴图加CSS2D标签

threejs衢州市柯城区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs衢州市柯城区geoJson地图3d地图自定义贴图加CSS3D标签

衢州市柯城区 下辖有 七里乡,万田乡,府山街道,荷花街道,九华乡,华墅乡,沟溪乡,石室乡,石梁镇,航埠镇,黄家乡,信安街道,新新街道,双港街道,双港街道,双港街道,白云街道,姜家山乡,花园街道,衢化街道

衢州市柯城区下辖区域坐标

{"七里乡":[118.78017447533966,29.14238905161152],"万田乡":[118.85963653894237,29.0130313398431],"府山街道":[118.86858071671998,28.96167325044996],"荷花街道":[118.87179852267397,28.94301424669011],"九华乡":[118.8340137466027,29.08499864733336],"华墅乡":[118.7374954036883,28.87656823572002],"沟溪乡":[118.7192213963955,28.99746981082782],"石室乡":[118.91735152933524,28.87932228486594],"石梁镇":[118.76940559921334,29.05034037047242],"航埠镇":[118.76420148348096,28.94538958063337],"黄家乡":[118.86217878575323,28.89003992928485],"信安街道":[118.89171212926391,28.97164029436278],"新新街道":[118.90265712760609,28.94000412050268],"双港街道":[118.84361840753184,28.939244300182],"白云街道":[118.84529510214628,28.96944627655538],"姜家山乡":[118.80823052095946,28.9657834298641],"花园街道":[118.89288945555055,28.91854895978385],"衢化街道":[118.89074123637417,28.88997024045944]}

衢州市柯城区行政划分代码

[{"name":"七里乡","code":"330802209000"},{"name":"万田乡","code":"330802214000"},{"name":"府山街道","code":"330802006000"},{"name":"荷花街道","code":"330802007000"},{"name":"九华乡","code":"330802210000"},{"name":"华墅乡","code":"330802212000"},{"name":"沟溪乡","code":"330802211000"},{"name":"石室乡","code":"330802215000"},{"name":"石梁镇","code":"330802100000"},{"name":"航埠镇","code":"330802101000"},{"name":"黄家乡","code":"330802205000"},{"name":"信安街道","code":"330802008000"},{"name":"新新街道","code":"330802005000"},{"name":"双港街道","code":"330802010000"},{"name":"双港街道","code":"330802010000"},{"name":"双港街道","code":"330802010000"},{"name":"白云街道","code":"330802009000"},{"name":"姜家山乡","code":"330802213000"},{"name":"花园街道","code":"330802013000"},{"name":"衢化街道","code":"330802012000"}]

说明

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

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

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

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

衢州市柯城区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts衢州市柯城区geoJson地图迁徙图效果实例