随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理济宁市梁山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
梁山县，隶属山东省济宁市。位于鲁西南，处于山东省的泰安、济宁、菏泽和河南省的濮阳四地市交界处。梁山于1949年8月建县，总面积965平方千米。根据第七次人口普查数据，截至2020年11月1日零时，梁山县常住人口为730683人。下辖2街道12个乡镇、1个省级经济开发区、1个风景名胜区，672个行政村。
echarts济宁市梁山县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts济宁市梁山县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts济宁市梁山县geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs济宁市梁山县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js 3D可视化
threejs济宁市梁山县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs济宁市梁山县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
济宁市梁山县 下辖有 梁山街道,水泊街道,赵堌堆乡,拳铺镇,杨营镇,寿张集镇,韩垓镇,韩岗镇,馆驿镇,马营镇,大路口乡,小安山镇,小路口镇,黑虎庙镇,梁山经济开发区
济宁市梁山县下辖区域坐标
{"梁山街道":[116.11573025776042,35.79047761829676],"水泊街道":[116.10938531620323,35.78278935525132],"赵堌堆乡":[115.90567994182533,35.91733219519957],"拳铺镇":[116.15690604979929,35.6842133811904],"杨营镇":[115.98154590387702,35.82433980940238],"寿张集镇":[116.03996344475937,35.86785883766584],"韩垓镇":[116.29099113822207,35.66237308032206],"韩岗镇":[116.27444253174089,35.7330731074846],"馆驿镇":[116.21964652190661,35.78613865492367],"马营镇":[116.02018732096582,35.76849636438043],"大路口乡":[116.02021341334338,35.91777788140067],"小安山镇":[116.1433713998263,35.85938570467181],"小路口镇":[115.99363393743437,35.92059125942578],"黑虎庙镇":[115.90853887966188,35.84979152029607],"梁山经济开发区":[116.01845082343641,35.81202505502272]}
济宁市梁山县行政划分代码
[{"name":"梁山街道","code":"370832002000"},{"name":"水泊街道","code":"370832001000"},{"name":"赵堌堆乡","code":"370832215000"},{"name":"拳铺镇","code":"370832104000"},{"name":"杨营镇","code":"370832105000"},{"name":"寿张集镇","code":"370832109000"},{"name":"韩垓镇","code":"370832106000"},{"name":"韩岗镇","code":"370832102000"},{"name":"馆驿镇","code":"370832107000"},{"name":"马营镇","code":"370832111000"},{"name":"大路口乡","code":"370832217000"},{"name":"小安山镇","code":"370832108000"},{"name":"小路口镇","code":"370832101000"},{"name":"黑虎庙镇","code":"370832110000"},{"name":"梁山经济开发区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
