大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理烟台市莱州市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
莱州市，山东省辖县级市，由烟台市代管，位于烟台市西部，西临渤海莱州湾，介于东经119°33′~120°18′，北纬36°59′~37°28′之间。莱州市属胶东丘陵，地势东南高、西北低。全市陆域面积1928平方千米，海岸线108千米。莱州市属暖温带东亚季风区大陆性气候。截至2022年10月，莱州市下辖6个街道、11个镇，市政府驻文昌路街道。截至2021年末，莱州市公安部门登记人口82.70万人，比上年下降0.9%。
echarts烟台市莱州市geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts烟台市莱州市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts烟台市莱州市geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
threejs烟台市莱州市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs烟台市莱州市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs烟台市莱州市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
烟台市莱州市 下辖有 郭家店镇,金城镇,驿道镇,三山岛街道,城港路街道,文峰路街道,永安路街道,文昌路街道,土山镇,夏邱镇,程郭镇,朱桥镇,平里店镇,柞村镇,虎头崖镇,沙河镇,金仓街道
烟台市莱州市下辖区域坐标
{"郭家店镇":[120.15216533918526,37.11144720631975],"金城镇":[120.08472990277343,37.42970799569237],"驿道镇":[120.20263326502874,37.23085272945822],"三山岛街道":[119.98749005694114,37.36825727132796],"城港路街道":[119.92350084719826,37.25270565438519],"文峰路街道":[119.94149329055912,37.13471874350753],"永安路街道":[119.8744139163339,37.19273272375355],"文昌路街道":[119.9855148611022,37.16301910659702],"土山镇":[119.65170983502219,37.0614835120145],"夏邱镇":[119.89027385398659,37.04026638589829],"程郭镇":[120.04177928076939,37.19845862837247],"朱桥镇":[120.12093504580048,37.33105627797114],"平里店镇":[120.048779332626,37.27990844729158],"柞村镇":[119.98554206606616,37.06546574048035],"虎头崖镇":[119.8289513813038,37.14894189318115],"沙河镇":[119.79452261496934,37.06108271570658],"金仓街道":[]}
烟台市莱州市行政划分代码
[{"name":"郭家店镇","code":"370683103000"},{"name":"金城镇","code":"370683104000"},{"name":"驿道镇","code":"370683106000"},{"name":"三山岛街道","code":"370683003000"},{"name":"城港路街道","code":"370683004000"},{"name":"文峰路街道","code":"370683005000"},{"name":"永安路街道","code":"370683002000"},{"name":"文昌路街道","code":"370683001000"},{"name":"土山镇","code":"370683111000"},{"name":"夏邱镇","code":"370683110000"},{"name":"程郭镇","code":"370683107000"},{"name":"朱桥镇","code":"370683102000"},{"name":"平里店镇","code":"370683105000"},{"name":"柞村镇","code":"370683109000"},{"name":"虎头崖镇","code":"370683108000"},{"name":"沙河镇","code":"370683101000"},{"name":"金仓街道","code":"370683006000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
