数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理烟台市芝罘区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
芝罘区，隶属于山东省烟台市，芝罘区是烟台市的中心区，位于山东半岛东北部，介于东经121°16'—121°25'，北纬37°24'—37°38'之间，全区面积179.2平方公里，海岸线长55公里。根据第七次人口普查数据，截至2020年11月1日零时，芝罘区常住人口877237人。截至2018年，芝罘区辖12个街道，区人民政府驻向阳街道市府街76号。
echarts烟台市芝罘区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts烟台市芝罘区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts烟台市芝罘区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs烟台市芝罘区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频课程 WebGL 3D可视化教程
threejs烟台市芝罘区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs烟台市芝罘区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
烟台市芝罘区 下辖有 幸福街道,白石街道,毓璜顶街道,芝罘岛街道,通伸街道,东山街道,只楚街道,向阳街道,奇山街道,黄务街道,世回尧街道,凤凰台街道
烟台市芝罘区下辖区域坐标
{"幸福街道":[121.34218758546663,37.572510314768],"白石街道":[121.35886308321595,37.53453565628492],"毓璜顶街道":[121.38506002038312,37.54340668321029],"芝罘岛街道":[],"通伸街道":[121.36466546495632,37.54996146198749],"东山街道":[121.4164247818103,37.53654032821363],"只楚街道":[121.310472045269,37.51011264825259],"向阳街道":[121.39610371266093,37.54017383048436],"奇山街道":[121.41459159759083,37.50866943508322],"黄务街道":[121.3485795089876,37.46170803392241],"世回尧街道":[121.3633644567874,37.50503470794605],"凤凰台街道":[121.33503178772483,37.54445084984076]}
烟台市芝罘区行政划分代码
[{"name":"幸福街道","code":"370602012000"},{"name":"白石街道","code":"370602007000"},{"name":"毓璜顶街道","code":"370602003000"},{"name":"芝罘岛街道","code":"370602008000"},{"name":"通伸街道","code":"370602004000"},{"name":"东山街道","code":"370602002000"},{"name":"只楚街道","code":"370602010000"},{"name":"向阳街道","code":"370602001000"},{"name":"奇山街道","code":"370602006000"},{"name":"黄务街道","code":"370602009000"},{"name":"世回尧街道","code":"370602011000"},{"name":"凤凰台街道","code":"370602005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
