随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理南平市邵武市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts南平市邵武市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts南平市邵武市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts南平市邵武市geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs南平市邵武市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs南平市邵武市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs南平市邵武市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
南平市邵武市 下辖有 桂林乡,水北镇,沿山镇,洪墩镇,金坑乡,吴家塘镇,大埠岗镇,昭阳街道,水北街道,晒口街道,通泰街道,肖家坊镇,下沙镇,卫闽镇,和平镇,城郊镇,大竹镇,张厝乡,拿口镇
南平市邵武市下辖区域坐标
{"桂林乡":[117.13421769091642,27.16112798271296],"水北镇":[117.47497003836341,27.45324064787287],"沿山镇":[117.3352895878645,27.33962669887407],"洪墩镇":[117.65786805352548,26.99635560223425],"金坑乡":[117.19941400323738,27.25522314062926],"吴家塘镇":[117.64556777180195,27.27254524440818],"大埠岗镇":[117.3851834332088,27.13672358033308],"昭阳街道":[117.50429142995043,27.32855079303605],"水北街道":[117.48153066636158,27.3679726881534],"晒口街道":[117.5542159934886,27.27828070857971],"通泰街道":[117.4584800116715,27.33878345744537],"肖家坊镇":[117.22020730813266,27.09996494727601],"下沙镇":[117.60594521905443,27.34232093886575],"卫闽镇":[117.71809174574611,27.06479109812873],"和平镇":[117.27100717654949,27.19147795203309],"城郊镇":[117.44661872217674,27.27318738864692],"大竹镇":[117.55781272589213,27.1668789432413],"张厝乡":[117.5127738532135,27.05585473139136],"拿口镇":[117.66377782565837,27.14906293283549]}
南平市邵武市行政划分代码
[{"name":"桂林乡","code":"350781200000"},{"name":"水北镇","code":"350781101000"},{"name":"沿山镇","code":"350781104000"},{"name":"洪墩镇","code":"350781106000"},{"name":"金坑乡","code":"350781202000"},{"name":"吴家塘镇","code":"350781111000"},{"name":"大埠岗镇","code":"350781107000"},{"name":"昭阳街道","code":"350781001000"},{"name":"水北街道","code":"350781003000"},{"name":"晒口街道","code":"350781004000"},{"name":"通泰街道","code":"350781002000"},{"name":"肖家坊镇","code":"350781109000"},{"name":"下沙镇","code":"350781102000"},{"name":"卫闽镇","code":"350781103000"},{"name":"和平镇","code":"350781108000"},{"name":"城郊镇","code":"350781100000"},{"name":"大竹镇","code":"350781110000"},{"name":"张厝乡","code":"350781201000"},{"name":"拿口镇","code":"350781105000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
