随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吕梁市交城县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
交城县 是 山西省 吕梁市 的下辖县，位于吕梁山东麓，山西省中部，晋中盆地西缘，北枕吕梁，南带汾河，东据太原，西临方山、离石。距省城太原51公里，属城郊型通衢热线，是吕梁的东大门，省城太原的近郊县。中国公路主干线307国道绕城而过，大运高速、夏汾高速公路交汇于此，太中银铁路穿境而过。交城县历史悠久，文化灿烂，交城鼓书、交城莲花落具有浓郁的地方特色。截至2020年，交城县辖7镇1乡，国土面积1822.11平方公里。
echarts吕梁市交城县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts吕梁市交城县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts吕梁市交城县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs吕梁市交城县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs视频 Three.js前端3D可视化教程
threejs吕梁市交城县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
threejs吕梁市交城县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
吕梁市交城县 下辖有 西社镇,西营镇,水峪贯镇,庞泉沟镇,会立乡,洪相乡,天宁镇,岭底乡,东坡底乡,夏家营镇,夏家营生态工业园区管委会,西社镇,西营镇,水峪贯镇,庞泉沟镇,会立乡,洪相乡,天宁镇,岭底乡,东坡底乡,夏家营镇,夏家营生态工业园区管委会
吕梁市交城县下辖区域坐标
{"西社镇":[111.94200339410249,37.54942515355322],"西营镇":[112.13550644382704,37.49183895558092],"水峪贯镇":[111.92130233957971,37.69082920558655],"庞泉沟镇":[111.49878488463307,37.79106456943711],"会立乡":[111.70074983607361,37.65329300299356],"洪相乡":[112.06891033044987,37.55193127928954],"天宁镇":[112.12197220141387,37.56000247200926],"岭底乡":[112.08485611182061,37.65329353732932],"东坡底乡":[111.70217770699813,37.75371545168137],"夏家营镇":[112.23016381174322,37.55039696657671],"夏家营生态工业园区管委会":[112.2272568017298,37.55518798152812]}
吕梁市交城县行政划分代码
[{"name":"西社镇","code":"141122104000"},{"name":"西营镇","code":"141122102000"},{"name":"水峪贯镇","code":"141122103000"},{"name":"庞泉沟镇","code":"141122105000"},{"name":"会立乡","code":""},{"name":"洪相乡","code":""},{"name":"天宁镇","code":"141122100000"},{"name":"岭底乡","code":""},{"name":"东坡底乡","code":"141122202000"},{"name":"夏家营镇","code":"141122101000"},{"name":"夏家营生态工业园区管委会","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
