echarts湖州市长兴县geoJson地图label自定义样式演示实例

geoJson2 yekong

随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理湖州市长兴县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts湖州市长兴县geoJson地图label自定义样式

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

echarts湖州市长兴县geoJson地图label自定义样式

echarts湖州市长兴县geoJson地图3d地图实例旋转动画

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

echarts湖州市长兴县geoJson地图3d地图实例旋转动画

echarts湖州市长兴县geoJson地图点击地图插小旗

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

echarts湖州市长兴县geoJson地图点击地图插小旗

threejs湖州市长兴县geoJson地图3d地图指定区域闪烁

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

threejs湖州市长兴县geoJson地图3d地图指定区域闪烁

threejs湖州市长兴县geoJson地图3d地图css2d标签

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

threejs湖州市长兴县geoJson地图3d地图css2d标签

threejs湖州市长兴县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs湖州市长兴县geoJson地图3d地图添加旋转棱锥

湖州市长兴县 下辖有 吕山乡,太湖街道,李家巷镇,画溪街道,虹星桥镇,和平镇,夹浦镇,小浦镇,林城镇,水口乡,泗安镇,洪桥镇,煤山镇,龙山街道,雉城街道

湖州市长兴县下辖区域坐标

{"吕山乡":[119.92554070483513,30.90204552692618],"太湖街道":[119.95732674613699,31.02453449328974],"李家巷镇":[119.96684994247187,30.95869588067814],"画溪街道":[119.82779746702923,30.97616538441316],"虹星桥镇":[119.85037093737455,30.90936515222741],"和平镇":[119.87315887511323,30.80030078817501],"夹浦镇":[119.89180926402628,31.11650918788745],"小浦镇":[119.78173055161506,31.04030093197888],"林城镇":[119.76268685003228,30.93386018796383],"水口乡":[119.84086190538989,31.11728661493673],"泗安镇":[119.64798919068053,30.94144648613891],"洪桥镇":[120.02939688759348,30.97591513887379],"煤山镇":[119.70465198872873,31.10084042757652],"龙山街道":[119.85709415124984,31.05538055951705],"雉城街道":[119.8928180620135,31.00979529577303]}

湖州市长兴县行政划分代码

[{"name":"吕山乡","code":"330522202000"},{"name":"太湖街道","code":"330522003000"},{"name":"李家巷镇","code":"330522102000"},{"name":"画溪街道","code":"330522002000"},{"name":"虹星桥镇","code":"330522106000"},{"name":"和平镇","code":"330522110000"},{"name":"夹浦镇","code":"330522103000"},{"name":"小浦镇","code":"330522108000"},{"name":"林城镇","code":"330522104000"},{"name":"水口乡","code":"330522200000"},{"name":"泗安镇","code":"330522111000"},{"name":"洪桥镇","code":"330522101000"},{"name":"煤山镇","code":"330522112000"},{"name":"龙山街道","code":"330522004000"},{"name":"雉城街道","code":"330522001000"}]

说明

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

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

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

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

湖州市长兴县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts湖州市长兴县geoJson地图label自定义样式演示实例