随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理永州市道县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts永州市道县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts永州市道县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts永州市道县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs永州市道县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs永州市道县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
永州市道县 下辖有 万家庄街道,桥头镇,蚣坝镇,白马渡镇,祥霖铺镇,审章塘瑶族乡,梅花镇,上关街道,东门街道,乐福堂乡,仙子脚镇,四马桥镇,道县大坪铺农场,富塘街道,柑子园镇,濂溪街道,营江街道,西洲街道,横岭瑶族乡,洪塘营瑶族乡,道县月岩林场,道县桥头林场,寿雁镇,清塘镇,白芒铺镇
永州市道县下辖区域坐标
{"万家庄街道":[111.5233308819018,25.44065841834706],"桥头镇":[111.43587810248002,25.72426258301396],"蚣坝镇":[111.67491256387565,25.41173038601396],"白马渡镇":[111.70930241077028,25.58987938682126],"祥霖铺镇":[111.52725188148199,25.36647524362042],"审章塘瑶族乡":[111.62283333878547,25.33711662671913],"梅花镇":[111.60366737722964,25.63985515715329],"上关街道":[111.64444482204163,25.48717781083746],"东门街道":[111.63674922750415,25.56262285894542],"乐福堂乡":[111.51526885775439,25.67691891312906],"仙子脚镇":[111.36873084581009,25.65773158673225],"四马桥镇":[111.79230119773364,25.38658882771146],"道县大坪铺农场":[111.41566223388253,25.52729116150893],"富塘街道":[111.5915754561268,25.57558065552722],"柑子园镇":[111.80042119731766,25.58220484049581],"濂溪街道":[111.59112102794187,25.54472062646279],"营江街道":[111.54745588169348,25.51758379013067],"西洲街道":[111.58559605211937,25.51130849755805],"横岭瑶族乡":[111.73379910111515,25.29101172663781],"洪塘营瑶族乡":[111.8227642620773,25.26373565929263],"道县月岩林场":[111.36917374562452,25.50165355515925],"道县桥头林场":[111.49728745707588,25.77395358348397],"寿雁镇":[111.47580182705323,25.60011594684969],"清塘镇":[111.45160838262962,25.4978652147569],"白芒铺镇":[111.73575769189924,25.48590676623177]}
永州市道县行政划分代码
[{"name":"万家庄街道","code":"431124007000"},{"name":"桥头镇","code":"431124112000"},{"name":"蚣坝镇","code":"431124106000"},{"name":"白马渡镇","code":"431124108000"},{"name":"祥霖铺镇","code":"431124105000"},{"name":"审章塘瑶族乡","code":"431124210000"},{"name":"梅花镇","code":"431124101000"},{"name":"上关街道","code":"431124003000"},{"name":"东门街道","code":"431124005000"},{"name":"乐福堂乡","code":"431124201000"},{"name":"仙子脚镇","code":"431124103000"},{"name":"四马桥镇","code":"431124107000"},{"name":"道县大坪铺农场","code":"431124402000"},{"name":"富塘街道","code":"431124006000"},{"name":"柑子园镇","code":"431124109000"},{"name":"濂溪街道","code":"431124001000"},{"name":"营江街道","code":"431124004000"},{"name":"西洲街道","code":"431124002000"},{"name":"横岭瑶族乡","code":"431124212000"},{"name":"洪塘营瑶族乡","code":"431124213000"},{"name":"道县月岩林场","code":""},{"name":"道县桥头林场","code":""},{"name":"寿雁镇","code":"431124102000"},{"name":"清塘镇","code":"431124104000"},{"name":"白芒铺镇","code":"431124111000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
