随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理娄底市新化县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts娄底市新化县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts娄底市新化县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts娄底市新化县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs娄底市新化县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频 3D可视化Three.js视频教程
threejs娄底市新化县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs娄底市新化县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
娄底市新化县 下辖有 西河镇,荣华乡,坐石乡,天门乡,文田镇,曹家镇,桑梓镇,槎溪镇,温塘镇,金凤乡,上渡街道,古台山国有林场,大熊山国有林场,上梅镇,吉庆镇,圳上镇,奉家镇,孟公镇,水车镇,油溪乡,洋溪镇,游家镇,炉观镇,琅塘镇,田坪镇,白溪镇,科头乡,维山乡,石冲口镇
娄底市新化县下辖区域坐标
{"西河镇":[111.11785598638409,27.847696452759],"荣华乡":[111.17449087374627,28.09237855615616],"坐石乡":[111.46327360298528,27.92150585132119],"天门乡":[110.96953288904466,27.84667074322322],"文田镇":[111.02538490676963,27.74624220256675],"曹家镇":[111.36493499741889,27.85549170887194],"桑梓镇":[111.41249211270787,27.77231152466994],"槎溪镇":[111.1040794003379,27.65087780659625],"温塘镇":[111.55734865241492,27.85373639146656],"金凤乡":[111.00236003086286,27.96304040613445],"上渡街道":[111.31465874275013,27.75048291059731],"古台山国有林场":[111.04386609464464,27.79742113710138],"大熊山国有林场":[111.29917616727624,28.17494093527598],"上梅镇":[111.29229716152861,27.7231166999953],"吉庆镇":[111.43070531157268,27.9771566962479],"圳上镇":[111.39995874156526,28.11235809924523],"奉家镇":[110.87031626615928,27.77342847096065],"孟公镇":[111.16801949169587,27.93396289200406],"水车镇":[110.96520707901004,27.68486712302779],"油溪乡":[111.2877038675934,27.94992501509419],"洋溪镇":[111.17247404694143,27.64428883690263],"游家镇":[111.25124062075975,27.84342418794952],"炉观镇":[111.15532182196151,27.76163762195729],"琅塘镇":[111.1233566040541,27.97876121543465],"田坪镇":[111.59335372948152,27.9598020163764],"白溪镇":[111.29986041437587,28.06479301114203],"科头乡":[111.24965284689617,27.67133281063381],"维山乡":[111.26180973479211,27.59442344026541],"石冲口镇":[111.34907064624869,27.61997664559166]}
娄底市新化县行政划分代码
[{"name":"西河镇","code":"431322109000"},{"name":"荣华乡","code":"431322203000"},{"name":"坐石乡","code":"431322206000"},{"name":"天门乡","code":"431322202000"},{"name":"文田镇","code":"431322105000"},{"name":"曹家镇","code":"431322118000"},{"name":"桑梓镇","code":"431322117000"},{"name":"槎溪镇","code":"431322103000"},{"name":"温塘镇","code":"431322115000"},{"name":"金凤乡","code":"431322204000"},{"name":"上渡街道","code":"431322002000"},{"name":"古台山国有林场","code":"431322501000"},{"name":"大熊山国有林场","code":"431322500000"},{"name":"上梅镇","code":""},{"name":"吉庆镇","code":"431322114000"},{"name":"圳上镇","code":"431322113000"},{"name":"奉家镇","code":"431322106000"},{"name":"孟公镇","code":"431322110000"},{"name":"水车镇","code":"431322104000"},{"name":"油溪乡","code":"431322205000"},{"name":"洋溪镇","code":"431322102000"},{"name":"游家镇","code":"431322108000"},{"name":"炉观镇","code":"431322107000"},{"name":"琅塘镇","code":"431322111000"},{"name":"田坪镇","code":"431322116000"},{"name":"白溪镇","code":"431322112000"},{"name":"科头乡","code":"431322200000"},{"name":"维山乡","code":"431322201000"},{"name":"石冲口镇","code":"431322101000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
