数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理丹东市凤城市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts丹东市凤城市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts丹东市凤城市geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts丹东市凤城市geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs丹东市凤城市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs丹东市凤城市geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs丹东市凤城市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
丹东市凤城市 下辖有 蓝旗镇,赛马镇,边门镇,大兴镇,白旗镇,四门子镇,弟兄山镇,沙里寨镇,草河街道,通远堡镇,青城子镇,凤凰城街道,大堡蒙古族乡,东汤镇,凤山街道,刘家河镇,宝山镇,爱阳镇,石城镇,红旗镇,鸡冠山镇
丹东市凤城市下辖区域坐标
{"蓝旗镇":[123.7604379085927,40.12502247531005],"赛马镇":[124.23052980617048,40.96978194083779],"边门镇":[124.06487560620396,40.28779298546998],"大兴镇":[124.28098592546866,40.7714876249386],"白旗镇":[123.87904329965055,40.28304940600293],"四门子镇":[123.79333170600117,40.74404266534403],"弟兄山镇":[124.09595583020744,40.80400330708666],"沙里寨镇":[123.6803802879231,40.21137422258626],"草河街道":[124.16218394509627,40.51152596920446],"通远堡镇":[123.90611833446252,40.76451037066411],"青城子镇":[123.63399292306917,40.75850500677744],"凤凰城街道":[124.06758059852115,40.5113581989628],"大堡蒙古族乡":[124.20156752882875,40.59964788354094],"东汤镇":[124.33467760972587,40.43478851532931],"凤山街道":[124.04690366667018,40.41147748192401],"刘家河镇":[124.01264847285962,40.67322539731419],"宝山镇":[123.81234512004093,40.38563674725964],"爱阳镇":[124.42233320757448,40.9535485433934],"石城镇":[124.3731616156787,40.67522275865598],"红旗镇":[123.90539743889664,40.15753448294995],"鸡冠山镇":[123.91864521767893,40.55158815498006]}
丹东市凤城市行政划分代码
[{"name":"蓝旗镇","code":"210682105000"},{"name":"赛马镇","code":"210682114000"},{"name":"边门镇","code":"210682107000"},{"name":"大兴镇","code":"210682112000"},{"name":"白旗镇","code":"210682102000"},{"name":"四门子镇","code":"210682119000"},{"name":"弟兄山镇","code":"210682115000"},{"name":"沙里寨镇","code":"210682103000"},{"name":"草河街道","code":"210682003000"},{"name":"通远堡镇","code":"210682118000"},{"name":"青城子镇","code":"210682120000"},{"name":"凤凰城街道","code":"210682001000"},{"name":"大堡蒙古族乡","code":"210682200000"},{"name":"东汤镇","code":"210682110000"},{"name":"凤山街道","code":"210682002000"},{"name":"刘家河镇","code":"210682117000"},{"name":"宝山镇","code":"210682101000"},{"name":"爱阳镇","code":"210682113000"},{"name":"石城镇","code":"210682111000"},{"name":"红旗镇","code":"210682104000"},{"name":"鸡冠山镇","code":"210682116000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
