可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理安顺市关岭布依族苗族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts安顺市关岭布依族苗族自治县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts安顺市关岭布依族苗族自治县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts安顺市关岭布依族苗族自治县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs安顺市关岭布依族苗族自治县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化
threejs安顺市关岭布依族苗族自治县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs安顺市关岭布依族苗族自治县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
安顺市关岭布依族苗族自治县 下辖有 坡贡镇,顶云街道,岗乌镇,板贵乡,断桥镇,新铺镇,普利乡,永宁镇,沙营镇,白水镇,花江镇,关索街道,上关镇,八德乡
安顺市关岭布依族苗族自治县下辖区域坐标
{"坡贡镇":[105.56553817047175,26.02840647020053],"顶云街道":[105.5171254282294,25.98109826067594],"岗乌镇":[105.31683485120661,25.96338608044741],"板贵乡":[105.69368485484897,25.64282597213841],"断桥镇":[105.67498954542785,25.86181029376977],"新铺镇":[105.40699039765592,25.84479960598559],"普利乡":[105.52565272091131,25.76484049666882],"永宁镇":[105.49363378019893,25.89682482151422],"沙营镇":[105.41744539335292,25.96766610662576],"白水镇":[105.64826185781604,25.95731723123225],"花江镇":[105.64443399775678,25.78046507254714],"关索街道":[105.58201390660872,25.94044061723403],"上关镇":[105.65593531096431,25.80576951921687],"八德乡":[105.74831160388172,25.83843130172384]}
安顺市关岭布依族苗族自治县行政划分代码
[{"name":"坡贡镇","code":"520424105000"},{"name":"顶云街道","code":"520424002000"},{"name":"岗乌镇","code":"520424103000"},{"name":"板贵乡","code":""},{"name":"断桥镇","code":"520424111000"},{"name":"新铺镇","code":"520424108000"},{"name":"普利乡","code":"520424202000"},{"name":"永宁镇","code":"520424102000"},{"name":"沙营镇","code":"520424109000"},{"name":"白水镇","code":"520424107000"},{"name":"花江镇","code":"520424110000"},{"name":"关索街道","code":"520424003000"},{"name":"上关镇","code":"520424104000"},{"name":"八德乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
