可视化数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理青岛市市南区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
市南区，隶属于山东省青岛市，地处青岛市区南部，中心位置位于东经120°19′、北纬36°04′，总面积30.01平方千米。下辖11个街道。
echarts青岛市市南区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts青岛市市南区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts青岛市市南区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
threejs青岛市市南区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣，可以观看threejs视频课程 3D可视化Three.js视频教程
threejs青岛市市南区geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs青岛市市南区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
青岛市市南区 下辖有 香港中路街道,云南路街道,湛山街道,中山路街道,珠海路街道,金门路街道,八大湖街道,江苏路街道,八大峡街道,八大关街道
青岛市市南区下辖区域坐标
{"香港中路街道":[120.38591696401708,36.0651407776309],"云南路街道":[120.30244765220718,36.06983274873546],"湛山街道":[120.36836879335831,36.06274489150128],"中山路街道":[120.31387597535644,36.06556339475267],"珠海路街道":[120.40151909723274,36.06054118530236],"金门路街道":[120.4049526120863,36.07841551719143],"八大湖街道":[120.37964123321714,36.08075413571762],"江苏路街道":[120.32616293800666,36.06527668532175],"八大峡街道":[120.29543836804453,36.05412543401711],"八大关街道":[120.34221354165157,36.05623917370686]}
青岛市市南区行政划分代码
[{"name":"香港中路街道","code":"370202001000"},{"name":"云南路街道","code":"370202004000"},{"name":"湛山街道","code":"370202010000"},{"name":"中山路街道","code":"370202005000"},{"name":"珠海路街道","code":"370202014000"},{"name":"金门路街道","code":"370202013000"},{"name":"八大湖街道","code":"370202012000"},{"name":"江苏路街道","code":"370202007000"},{"name":"八大峡街道","code":"370202002000"},{"name":"八大关街道","code":"370202009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
