数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是和田地区洛浦县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
洛浦县,隶属于新疆维吾尔自治区和田地区。位于昆仑山北麓,塔里木盆地边缘,地处东经79°59′~81°83′,北纬36°30′~39°29′东邻策勒县,南靠昆仑山,西以玉龙喀什河为界与和田县、和田市隔河相望,北伸延入塔克拉玛干大沙漠与阿克苏市、阿瓦提县为邻,南北长约337.5公里,东西宽约24.9公里至67.5公里,总面积约14287平方公里。
echarts和田地区洛浦县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts和田地区洛浦县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts和田地区洛浦县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs和田地区洛浦县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs课程视频 Three.js视频教程3D可视化
threejs和田地区洛浦县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs和田地区洛浦县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
和田地区洛浦县 下辖有 多鲁乡,布亚乡,山普鲁乡,阿其克乡,恰尔巴格乡,良种场,杭桂乡,洛浦镇,纳瓦乡,城区街道,拜什托格拉克乡
和田地区洛浦县下辖区域坐标
{"多鲁乡":[80.76834243644342,38.26136873881813],"布亚乡":[80.0139322787733,37.09412285484616],"山普鲁乡":[80.22372881618273,36.79399104573879],"阿其克乡":[80.18929525022804,36.83914054585367],"恰尔巴格乡":[],"良种场":[80.23728473122259,37.1368225624379],"杭桂乡":[80.54875026432182,38.28779535156426],"洛浦镇":[80.17018606716857,37.06009653425754],"纳瓦乡":[80.04048386305138,37.02475432636354],"城区街道":[80.18409296106996,37.0747993333478],"拜什托格拉克乡":[80.92178871300868,38.17286535733894]}
和田地区洛浦县行政划分代码
[{"name":"多鲁乡","code":"653224205000"},{"name":"布亚乡","code":"653224201000"},{"name":"山普鲁乡","code":""},{"name":"阿其克乡","code":"653224208000"},{"name":"恰尔巴格乡","code":""},{"name":"良种场","code":""},{"name":"杭桂乡","code":""},{"name":"洛浦镇","code":"653224100000"},{"name":"纳瓦乡","code":"653224206000"},{"name":"城区街道","code":"653224001000"},{"name":"拜什托格拉克乡","code":"653224207000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。