随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理海北藏族自治州门源回族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts海北藏族自治州门源回族自治县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts海北藏族自治州门源回族自治县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts海北藏族自治州门源回族自治县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs海北藏族自治州门源回族自治县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs视频 WebGL 3D可视化教程
threejs海北藏族自治州门源回族自治县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs海北藏族自治州门源回族自治县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
海北藏族自治州门源回族自治县 下辖有 门源种马场,皇城蒙古族乡,浩门镇,珠固乡,西滩乡,青石咀镇,东川镇,仙米乡,北山乡,泉口镇,阴田乡,麻莲乡,苏吉滩乡,门源监狱
海北藏族自治州门源回族自治县下辖区域坐标
{"门源种马场":[101.35727766184345,37.57171786999469],"皇城蒙古族乡":[101.30457676306526,37.71319200608876],"浩门镇":[101.58677283694955,37.34907133617661],"珠固乡":[102.39356883827304,37.24864042489712],"西滩乡":[101.72000524653936,37.44246142649829],"青石咀镇":[101.44348112739922,37.43968422864596],"东川镇":[101.88759965116216,37.30526344040291],"仙米乡":[101.77891438236222,37.46139268684294],"北山乡":[101.62235735021997,37.46337158167671],"泉口镇":[101.77814548838033,37.43007772788188],"阴田乡":[101.77943642431688,37.28011046713071],"麻莲乡":[101.67875953655152,37.30607862082209],"苏吉滩乡":[101.21141473544961,37.4936113896871],"门源监狱":[101.51778955670922,37.47266000493613]}
海北藏族自治州门源回族自治县行政划分代码
[{"name":"门源种马场","code":"632221401000"},{"name":"皇城蒙古族乡","code":"632221207000"},{"name":"浩门镇","code":"632221100000"},{"name":"珠固乡","code":"632221205000"},{"name":"西滩乡","code":"632221202000"},{"name":"青石咀镇","code":"632221101000"},{"name":"东川镇","code":"632221103000"},{"name":"仙米乡","code":"632221204000"},{"name":"北山乡","code":"632221200000"},{"name":"泉口镇","code":"632221102000"},{"name":"阴田乡","code":"632221203000"},{"name":"麻莲乡","code":"632221201000"},{"name":"苏吉滩乡","code":"632221206000"},{"name":"门源监狱","code":"632221400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
