大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是烟台市招远市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
招远，山东省辖县级市，由烟台市代管；位于山东省东北部、烟台市境西北部，西北临渤海莱州湾；地处胶东低山丘陵地带，山区、丘陵分别占总面积的32.9%和38.4%，山丘连绵，沟壑纵横；属暖温带季风区大陆性半湿润气候，四季分明，光照充足。全市总面积1432.32平方千米，辖4街道9镇。根据第七次人口普查数据，截至2020年11月1日零时，招远市常住人口543127人。
echarts烟台市招远市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts烟台市招远市geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts烟台市招远市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs烟台市招远市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程
threejs烟台市招远市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
threejs烟台市招远市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
烟台市招远市 下辖有 辛庄镇,蚕庄镇,张星镇,金岭镇,梦芝街道,夏甸镇,毕郭镇,玲珑镇,阜山镇,齐山镇,温泉街道,大秦家街道,罗峰街道,泉山街道
烟台市招远市下辖区域坐标
{"辛庄镇":[120.22714677468014,37.51441057497061],"蚕庄镇":[120.20939711663279,37.36136091131677],"张星镇":[120.38160262533506,37.47532837688978],"金岭镇":[120.3086377729862,37.37114315989427],"梦芝街道":[120.36735161407506,37.38113075500541],"夏甸镇":[120.34787942567233,37.15134984254568],"毕郭镇":[120.51036780274873,37.18584482626004],"玲珑镇":[120.48465708727053,37.43251145361135],"阜山镇":[120.54389493528504,37.35775930258494],"齐山镇":[120.37373243206567,37.26028673035714],"温泉街道":[120.42030701245179,37.37972811056427],"大秦家街道":[120.47862192297217,37.33292471939735],"罗峰街道":[120.36043713856043,37.32868647582815],"泉山街道":[120.41707110054375,37.32737874248646]}
烟台市招远市行政划分代码
[{"name":"辛庄镇","code":"370685101000"},{"name":"蚕庄镇","code":"370685102000"},{"name":"张星镇","code":"370685106000"},{"name":"金岭镇","code":"370685103000"},{"name":"梦芝街道","code":"370685003000"},{"name":"夏甸镇","code":"370685108000"},{"name":"毕郭镇","code":"370685104000"},{"name":"玲珑镇","code":"370685105000"},{"name":"阜山镇","code":"370685109000"},{"name":"齐山镇","code":"370685110000"},{"name":"温泉街道","code":"370685004000"},{"name":"大秦家街道","code":"370685005000"},{"name":"罗峰街道","code":"370685001000"},{"name":"泉山街道","code":"370685002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
