数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是和田地区墨玉县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
墨玉县位于新疆维吾尔自治区西南部,东以喀拉喀什河为界与和田县、洛浦县相望,西临戈壁与皮山县接壤,南抵喀喇昆仑山北麓,北入塔克拉玛干大沙漠与阿瓦提县相邻,行政区域面积25608平方千米。
echarts和田地区墨玉县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts和田地区墨玉县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts和田地区墨玉县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs和田地区墨玉县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频教程 WebGL 3D可视化教程
threejs和田地区墨玉县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs和田地区墨玉县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
和田地区墨玉县 下辖有 兵团二二四团,喀瓦克乡,普恰克其乡,奎牙镇,扎瓦镇,芒来乡,雅瓦乡,乌尔其乡,吐外特乡,喀尔赛乡,托胡拉乡,英也尔乡,阔依其乡,加汗巴格乡,阿克萨拉依乡,喀拉喀什镇,萨依巴格乡,兵团四十七团
和田地区墨玉县下辖区域坐标
{"兵团二二四团":[79.31123749398876,37.29418920349093],"喀瓦克乡":[80.16407524422469,38.54007495704005],"普恰克其乡":[79.74022934569645,37.46280329832448],"奎牙镇":[79.62220054271324,37.319769080407],"扎瓦镇":[79.4463154612952,37.22391406385206],"芒来乡":[79.68490301359869,37.29302979588104],"雅瓦乡":[79.45344230260083,37.45635068360498],"乌尔其乡":[79.48132339787949,37.30203040569408],"吐外特乡":[79.77633773779911,37.35155897769803],"喀尔赛乡":[79.57188887515073,37.50267822028803],"托胡拉乡":[79.69307565242119,37.24199853141592],"英也尔乡":[79.81771445214886,37.48814635533236],"阔依其乡":[79.70702584480003,37.3848651865545],"加汗巴格乡":[79.72051687009846,37.18276457560365],"阿克萨拉依乡":[79.68239797500195,37.1654999909143],"喀拉喀什镇":[79.75254058811242,37.27793931326988],"萨依巴格乡":[79.38708214496431,36.89958873567856],"兵团四十七团":[]}
和田地区墨玉县行政划分代码
[{"name":"兵团二二四团","code":""},{"name":"喀瓦克乡","code":"653222214000"},{"name":"普恰克其乡","code":""},{"name":"奎牙镇","code":"653222102000"},{"name":"扎瓦镇","code":"653222101000"},{"name":"芒来乡","code":"653222209000"},{"name":"雅瓦乡","code":"653222211000"},{"name":"乌尔其乡","code":"653222204000"},{"name":"吐外特乡","code":"653222212000"},{"name":"喀尔赛乡","code":""},{"name":"托胡拉乡","code":"653222205000"},{"name":"英也尔乡","code":"653222213000"},{"name":"阔依其乡","code":"653222210000"},{"name":"加汗巴格乡","code":"653222207000"},{"name":"阿克萨拉依乡","code":"653222203000"},{"name":"喀拉喀什镇","code":"653222100000"},{"name":"萨依巴格乡","code":"653222206000"},{"name":"兵团四十七团","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。