随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理淄博市沂源县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
沂源县，隶属山东省淄博市，位于山东省中部，东靠潍坊市临朐县，东南与沂水县毗邻，西依济南市莱芜区、钢城区，西南与泰安市新泰市接壤，南连临沂市蒙阴县，北与博山区、 淄川区相望，总面积1636平方千米。 2021年，沂源县户籍人口总人口57.24万人。截至2021年10月，沂源县下辖2个街道、10个镇，县政府驻振兴路61号。
echarts淄博市沂源县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts淄博市沂源县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts淄博市沂源县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs淄博市沂源县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs淄博市沂源县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs淄博市沂源县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
淄博市沂源县 下辖有 东里镇,中庄镇,南麻镇,悦庄镇,燕崖镇,石桥镇,西里镇,鲁村镇,南鲁山镇,历山街道,大张庄镇,张家坡镇
淄博市沂源县下辖区域坐标
{"东里镇":[118.4023049970894,36.02431395458977],"中庄镇":[118.23887459722681,36.05754815996634],"南麻镇":[118.11202710704086,36.14601357277729],"悦庄镇":[118.2777645676037,36.23227700435847],"燕崖镇":[118.20287705829293,36.08675228373948],"石桥镇":[118.34413155370106,36.14823311954187],"西里镇":[118.27336882799477,35.98777689768266],"鲁村镇":[118.00060297706807,36.17662444306202],"南鲁山镇":[118.13159809611578,36.30160470028959],"历山街道":[118.1953014406432,36.19899939174155],"大张庄镇":[118.01967346223046,36.03043763528878],"张家坡镇":[118.44800672293017,36.08261795421473]}
淄博市沂源县行政划分代码
[{"name":"东里镇","code":"370323103000"},{"name":"中庄镇","code":"370323107000"},{"name":"南麻镇","code":""},{"name":"悦庄镇","code":"370323104000"},{"name":"燕崖镇","code":"370323109000"},{"name":"石桥镇","code":"370323110000"},{"name":"西里镇","code":"370323105000"},{"name":"鲁村镇","code":"370323102000"},{"name":"南鲁山镇","code":"370323111000"},{"name":"历山街道","code":"370323001000"},{"name":"大张庄镇","code":"370323106000"},{"name":"张家坡镇","code":"370323108000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
