数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是甘孜藏族自治州道孚县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts甘孜藏族自治州道孚县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts甘孜藏族自治州道孚县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts甘孜藏族自治州道孚县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs甘孜藏族自治州道孚县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs教程视频 3D可视化Three.js视频教程
threejs甘孜藏族自治州道孚县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
甘孜藏族自治州道孚县 下辖有 甲宗乡,红顶乡,格西乡,下拖乡,木茹乡,亚卓乡,仲尼乡,扎拖乡,瓦日乡,鲜水镇,八美镇,七美乡,沙冲乡,协德乡,孔色乡,维它乡,色卡乡,葛卡乡,麻孜乡,龙灯乡,银恩乡,甲斯孔乡
甘孜藏族自治州道孚县下辖区域坐标
{"甲宗乡":[101.23666004700742,31.26438685926686],"红顶乡":[101.11435178546938,30.66502742524509],"格西乡":[101.19579560351616,30.96299386032406],"下拖乡":[101.02742765097622,30.5049876910527],"木茹乡":[101.18093923674365,30.73256626465047],"亚卓乡":[101.15502745291666,30.54218953229291],"仲尼乡":[100.96896038345665,30.69652774240762],"扎拖乡":[100.95313833902901,30.6379001845923],"瓦日乡":[101.12409451415367,30.88064621443473],"鲜水镇":[101.13593456828454,30.99906505745437],"八美镇":[101.4833842943914,30.51914052949629],"七美乡":[101.2319968009601,31.12960752882737],"沙冲乡":[101.51549119863186,30.80812268020771],"协德乡":[101.59802601865312,30.55475895985128],"孔色乡":[101.00750075233218,31.16491184773719],"维它乡":[101.09426914140685,31.35647985636388],"色卡乡":[101.39980844778738,30.52558563283943],"葛卡乡":[101.28244758362982,30.87903125546859],"麻孜乡":[101.0017515023412,31.03384981770868],"龙灯乡":[101.37430230271967,30.74907618386675],"银恩乡":[101.29756745374783,31.36467533558832],"甲斯孔乡":[100.88089831487963,30.93231215809201]}
甘孜藏族自治州道孚县行政划分代码
[{"name":"甲宗乡","code":""},{"name":"红顶乡","code":""},{"name":"格西乡","code":""},{"name":"下拖乡","code":"513326208000"},{"name":"木茹乡","code":"513326210000"},{"name":"亚卓乡","code":""},{"name":"仲尼乡","code":""},{"name":"扎拖乡","code":"513326207000"},{"name":"瓦日乡","code":""},{"name":"鲜水镇","code":"513326100000"},{"name":"八美镇","code":"513326101000"},{"name":"七美乡","code":"513326213000"},{"name":"沙冲乡","code":"513326219000"},{"name":"协德乡","code":""},{"name":"孔色乡","code":"513326202000"},{"name":"维它乡","code":""},{"name":"色卡乡","code":"513326218000"},{"name":"葛卡乡","code":"513326203000"},{"name":"麻孜乡","code":"513326201000"},{"name":"龙灯乡","code":"513326216000"},{"name":"银恩乡","code":"513326214000"},{"name":"甲斯孔乡","code":"513326211000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
