echarts巴彦淖尔市乌拉特前旗geoJson地图label自定义样式代码演示

echarts yekong

随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理巴彦淖尔市乌拉特前旗echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

乌拉特前旗是 巴彦淖尔市 下辖旗,位于 内蒙古自治区 西部,巴彦淖尔市东南部,黄河北岸,河套平原东端。地理坐标为东经108°11′-109°54′,北纬40°28′-41°16′。东与包头毗邻,西与五原县相连,北与乌拉特中旗接壤,南至黄河与鄂尔多斯市杭锦旗和达拉特旗隔河相望。总面积7476平方千米。旗人民政府驻乌拉山镇。根据第七次人口普查数据,截至2020年11月1日零时,乌拉特前旗常住人口为257826人。

echarts巴彦淖尔市乌拉特前旗geoJson地图label自定义样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts巴彦淖尔市乌拉特前旗geoJson地图label自定义样式

echarts巴彦淖尔市乌拉特前旗geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts巴彦淖尔市乌拉特前旗geoJson地图水滴状气泡图

echarts巴彦淖尔市乌拉特前旗geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts巴彦淖尔市乌拉特前旗geoJson地图 tooltip轮播

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图

通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL前端3D可视化教程

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图红色描边闪烁警报

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs巴彦淖尔市乌拉特前旗geoJson地图3d地图鼠标移入显示标签并高亮

巴彦淖尔市乌拉特前旗 下辖有 额尔登布拉格苏木乡,先锋镇,白彦花镇,新安镇,乌拉山镇,大佘太镇,巴彦淖尔市大佘太牧场,小佘太镇,明安镇,巴彦淖尔市苏独仑农场,苏独仑镇,西小召镇,沙德格苏木乡,巴彦淖尔市中滩农场,巴彦淖尔市乌梁素海渔场,巴彦淖尔市西山咀农场,巴彦淖尔市新安农场

巴彦淖尔市乌拉特前旗下辖区域坐标

{"额尔登布拉格苏木乡":[108.9807702509514,40.85124978962099],"先锋镇":[109.14102316394028,40.55484158709042],"白彦花镇":[109.05420981065315,40.69674188948015],"新安镇":[108.65249532602999,40.96532087176386],"乌拉山镇":[108.67770251081888,40.68620832922592],"大佘太镇":[109.12597431343809,41.06777130715051],"巴彦淖尔市大佘太牧场":[109.161603341866,41.03263291990027],"小佘太镇":[109.5230089758285,41.11917825738053],"明安镇":[109.57620402681688,40.92324893851392],"巴彦淖尔市苏独仑农场":[108.65807191839059,41.10990253817356],"苏独仑镇":[108.78527937942098,41.05733328786279],"西小召镇":[108.39655502233808,40.89069994604998],"沙德格苏木乡":[109.52578851838729,40.81194891871586],"巴彦淖尔市中滩农场":[109.21890281691451,40.53126218875003],"巴彦淖尔市乌梁素海渔场":[108.82624733005593,40.94050464332476],"巴彦淖尔市西山咀农场":[108.63970707783128,40.79119754191087],"巴彦淖尔市新安农场":[108.61302062089034,40.85429275307189]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

巴彦淖尔市乌拉特前旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts巴彦淖尔市乌拉特前旗geoJson地图label自定义样式代码演示