随着开发 数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理青岛市莱西市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
莱西市，山东省 辖县级市，由 青岛市 代管，位于胶东半岛中部，介于东经120°12'～120°40'、北纬36°34'～37°09'之间，是国务院确定的沿海地区对外开放县市之一；地形总趋势是北高南低，北部为低山丘陵，中部为缓岗平原，南部为碟形洼地，境内气候为温带季风型大陆性气候，四季变化和季风进退都比较明显；总面积1568.2平方公里，辖8个镇、3个街道，另有1个省级经济开发区。根据第七次人口普查数据，截至2020年11月1日零时，莱西市常住人口720103人。
echarts青岛市莱西市geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts青岛市莱西市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts青岛市莱西市geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs青岛市莱西市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs课程视频 Three.js前端3D可视化
threejs青岛市莱西市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs青岛市莱西市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
青岛市莱西市 下辖有 沽河街道,马连庄镇,望城街道,水集街道,河头店镇,南墅镇,姜山镇,店埠镇,日庄镇,院上镇,夏格庄镇
青岛市莱西市下辖区域坐标
{"沽河街道":[120.41271682730577,36.8184885597881],"马连庄镇":[120.44659411561929,37.08139927035793],"望城街道":[120.53894723995383,36.85095617804658],"水集街道":[120.46784092860128,36.92528379771871],"河头店镇":[120.52803832812373,36.99697516177798],"南墅镇":[120.30344236859224,37.04950482922069],"姜山镇":[120.54889750201805,36.67274489818452],"店埠镇":[120.32346464553967,36.6774233002753],"日庄镇":[120.35426957506363,36.95692602658735],"院上镇":[120.33756771032793,36.79083727947996],"夏格庄镇":[120.43013475157122,36.67103212283274]}
青岛市莱西市行政划分代码
[{"name":"沽河街道","code":"370285007000"},{"name":"马连庄镇","code":"370285116000"},{"name":"望城街道","code":"370285002000"},{"name":"水集街道","code":"370285001000"},{"name":"河头店镇","code":"370285107000"},{"name":"南墅镇","code":"370285106000"},{"name":"姜山镇","code":"370285101000"},{"name":"店埠镇","code":"370285108000"},{"name":"日庄镇","code":"370285105000"},{"name":"院上镇","code":"370285104000"},{"name":"夏格庄镇","code":"370285102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
