数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理运城市永济市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
永济，是 山西省 辖县级市，由 运城市 代管，位于山西省西南部，总面积1208平方千米。永济市辖3个街道、7个镇，市政府驻城西街道。2022年末，永济市常住人口381198人。
echarts运城市永济市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts运城市永济市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts运城市永济市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs运城市永济市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs视频教程 Three.js视频教程3D可视化
threejs运城市永济市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放
threejs运城市永济市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
运城市永济市 下辖有 伍姓湖农场,张营镇,卿头镇,开张镇,栲栳镇,蒲州镇,虞乡镇,韩阳镇,于乡农场,城东街道,城北街道,城西街道,董村农场,伍姓湖农场,张营镇,卿头镇,开张镇,栲栳镇,蒲州镇,虞乡镇,韩阳镇,于乡农场,城东街道,城北街道,城西街道,董村农场
运城市永济市下辖区域坐标
{"伍姓湖农场":[110.50655654081764,34.89946953998098],"张营镇":[110.3642453221823,35.01170226754435],"卿头镇":[110.70007161591445,34.96285001871004],"开张镇":[110.58376082393363,34.95119632653444],"栲栳镇":[110.38388527326151,34.95067429604221],"蒲州镇":[110.32522650887398,34.85398748477189],"虞乡镇":[110.65618152743525,34.85121661131056],"韩阳镇":[110.32664858735143,34.74048452833178],"于乡农场":[110.62077810748178,34.90592956182414],"城东街道":[],"城北街道":[],"城西街道":[110.4040144089372,34.83057475343666],"董村农场":[110.73697861457889,34.92301324690122]}
运城市永济市行政划分代码
[{"name":"伍姓湖农场","code":""},{"name":"张营镇","code":"140881106000"},{"name":"卿头镇","code":"140881101000"},{"name":"开张镇","code":"140881102000"},{"name":"栲栳镇","code":"140881103000"},{"name":"蒲州镇","code":"140881104000"},{"name":"虞乡镇","code":"140881100000"},{"name":"韩阳镇","code":"140881105000"},{"name":"于乡农场","code":""},{"name":"城东街道","code":"140881003000"},{"name":"城北街道","code":"140881002000"},{"name":"城西街道","code":"140881001000"},{"name":"董村农场","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
