大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是牡丹江市东宁市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts牡丹江市东宁市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts牡丹江市东宁市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts牡丹江市东宁市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs牡丹江市东宁市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs课程视频 Three.js 3D可视化
threejs牡丹江市东宁市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs牡丹江市东宁市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小
牡丹江市东宁市 下辖有 八面通镇,穆棱镇,下城子镇,共和乡,兴源镇,马桥河镇,河西乡,福录乡,穆棱林业局,八面通林业局,八面通镇,穆棱镇,下城子镇,共和乡,兴源镇,马桥河镇,河西乡,福录乡,穆棱林业局,八面通林业局
牡丹江市东宁市下辖区域坐标
{"八面通镇":[130.54330251922568,44.94549218792729],"穆棱镇":[130.25184993578284,44.50259155734119],"下城子镇":[130.40266921925138,44.7231754568176],"共和乡":[130.21648141482223,44.17047662215741],"兴源镇":[130.33131100293303,44.60186555151594],"马桥河镇":[130.67523802624405,44.68199856352887],"河西乡":[130.33007113684278,44.92361426112157],"福录乡":[130.74461272669197,44.88507704982465],"穆棱林业局":[],"八面通林业局":[]}
牡丹江市东宁市行政划分代码
[{"name":"八面通镇","code":"231085100000"},{"name":"穆棱镇","code":"231085101000"},{"name":"下城子镇","code":"231085102000"},{"name":"共和乡","code":"231085202000"},{"name":"兴源镇","code":"231085104000"},{"name":"马桥河镇","code":"231085103000"},{"name":"河西乡","code":"231085105000"},{"name":"福录乡","code":"231085200000"},{"name":"穆棱林业局","code":"231085401000"},{"name":"八面通林业局","code":"231085400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
