随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理温州市泰顺县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts温州市泰顺县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts温州市泰顺县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts温州市泰顺县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs温州市泰顺县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs温州市泰顺县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
温州市泰顺县 下辖有 彭溪镇,罗阳镇,雪溪乡,百丈镇,包垟乡,undefined,筱村镇,南浦溪镇,东溪乡,凤垟乡,泗溪镇,柳峰乡,雅阳镇,龟湖镇,仕阳镇,雪溪乡,西旸镇,大安乡,三魁镇
温州市泰顺县下辖区域坐标
{"彭溪镇":[120.16473123584046,27.45364990739069],"罗阳镇":[119.75635832146872,27.53681349780985],"雪溪乡":[119.94880148898562,27.39539667823338],"百丈镇":[119.86381919577556,27.62297492329824],"包垟乡":[119.9482678362926,27.67678138547749],"undefined":[119.76318479921767,27.71352025214402],"筱村镇":[119.92736067538362,27.57534251905697],"南浦溪镇":[119.97397141992195,27.6160937982559],"东溪乡":[119.95696539902629,27.43778778008693],"凤垟乡":[119.9797644719062,27.51639067791562],"泗溪镇":[120.04790440213687,27.50496868338907],"柳峰乡":[120.00627341297772,27.40355700118486],"雅阳镇":[120.06799422008575,27.41979419208047],"龟湖镇":[119.80787582715445,27.33502062796587],"仕阳镇":[119.8773941725132,27.35505619658],"西旸镇":[119.81883174114546,27.41325914690927],"大安乡":[119.87818786079308,27.47353343943045],"三魁镇":[119.9120269535862,27.46263786405003]}
温州市泰顺县行政划分代码
[{"name":"彭溪镇","code":"330329105000"},{"name":"罗阳镇","code":"330329100000"},{"name":"雪溪乡","code":"330329229000"},{"name":"百丈镇","code":"330329102000"},{"name":"包垟乡","code":"330329225000"},{"code":""},{"name":"筱村镇","code":"330329103000"},{"name":"南浦溪镇","code":"330329111000"},{"name":"东溪乡","code":"330329227000"},{"name":"凤垟乡","code":"330329226000"},{"name":"泗溪镇","code":"330329104000"},{"name":"柳峰乡","code":"330329228000"},{"name":"雅阳镇","code":"330329106000"},{"name":"龟湖镇","code":"330329112000"},{"name":"仕阳镇","code":"330329107000"},{"name":"雪溪乡","code":"330329229000"},{"name":"西旸镇","code":"330329113000"},{"name":"大安乡","code":"330329230000"},{"name":"三魁镇","code":"330329109000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
