数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理百色市靖西市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts百色市靖西市geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts百色市靖西市geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts百色市靖西市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs百色市靖西市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣，可以观看threejs视频 WebGL前端3D可视化教程
threejs百色市靖西市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs百色市靖西市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
百色市靖西市 下辖有 南坡乡,同德乡,吞盘乡,地州乡,安宁乡,化峒镇,龙临镇,安德镇,新甲乡,魁圩乡,新靖镇,果乐乡,武平乡,渠洋镇,湖润镇,禄峒乡,壬庄乡,岳圩镇,龙邦镇
百色市靖西市下辖区域坐标
{"南坡乡":[106.0188243183363,23.10958176936619],"同德乡":[106.58015229949584,23.08363843090717],"吞盘乡":[106.08485824531792,23.06620814742998],"地州乡":[106.35991566441186,23.02223181777391],"安宁乡":[106.2186868264984,22.9735421237412],"化峒镇":[106.50558218217742,23.03437962495209],"龙临镇":[106.1644934314938,23.27283589610349],"安德镇":[106.05163595219527,23.22948117706522],"新甲乡":[106.31983306760968,23.23616052818634],"魁圩乡":[106.14833803617162,23.46725602144699],"新靖镇":[106.41844990407718,23.12196504297478],"果乐乡":[106.13267158360085,23.33222478080243],"武平乡":[106.50927729169106,23.21960917686183],"渠洋镇":[106.30917451754908,23.33444705401729],"湖润镇":[106.69440031152317,22.97882435330632],"禄峒乡":[106.2369050411809,23.11914220618651],"壬庄乡":[106.42940333348866,22.94247762757583],"岳圩镇":[106.5723703591572,22.95573238859551],"龙邦镇":[106.33471520496722,22.91202593512032]}
百色市靖西市行政划分代码
[{"name":"南坡乡","code":"451081206000"},{"name":"同德乡","code":"451081200000"},{"name":"吞盘乡","code":"451081207000"},{"name":"地州乡","code":""},{"name":"安宁乡","code":"451081202000"},{"name":"化峒镇","code":"451081101000"},{"name":"龙临镇","code":"451081104000"},{"name":"安德镇","code":"451081103000"},{"name":"新甲乡","code":"451081211000"},{"name":"魁圩乡","code":"451081215000"},{"name":"新靖镇","code":"451081100000"},{"name":"果乐乡","code":"451081209000"},{"name":"武平乡","code":""},{"name":"渠洋镇","code":"451081105000"},{"name":"湖润镇","code":"451081102000"},{"name":"禄峒乡","code":""},{"name":"壬庄乡","code":"451081201000"},{"name":"岳圩镇","code":"451081106000"},{"name":"龙邦镇","code":"451081107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
