数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理来宾市象州县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts来宾市象州县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts来宾市象州县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts来宾市象州县geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs来宾市象州县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL 3D可视化教程
threejs来宾市象州县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs来宾市象州县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
来宾市象州县 下辖有 妙皇乡,寺村镇,水晶乡,百丈乡,石龙镇,罗秀镇,象州镇,中平镇,大乐镇,马坪乡,运江镇
来宾市象州县下辖区域坐标
{"妙皇乡":[109.74787068331686,23.82812148126471],"寺村镇":[109.81584568795503,23.97379080372824],"水晶乡":[109.85149427288442,24.21382677953082],"百丈乡":[109.92650502787382,23.93549974932044],"石龙镇":[109.50097929157086,23.87547604127538],"罗秀镇":[109.8710813096643,24.0893283111621],"象州镇":[109.67557306741124,23.98542501541329],"中平镇":[109.9663994544734,24.0050031556917],"大乐镇":[109.99820938667655,24.09470325618924],"马坪乡":[109.55887815592766,24.00929175778442],"运江镇":[109.71712134937812,24.12638489819118]}
来宾市象州县行政划分代码
[{"name":"妙皇乡","code":"451322201000"},{"name":"寺村镇","code":"451322103000"},{"name":"水晶乡","code":"451322203000"},{"name":"百丈乡","code":"451322202000"},{"name":"石龙镇","code":"451322101000"},{"name":"罗秀镇","code":"451322105000"},{"name":"象州镇","code":"451322100000"},{"name":"中平镇","code":"451322104000"},{"name":"大乐镇","code":"451322106000"},{"name":"马坪乡","code":""},{"name":"运江镇","code":"451322102000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
