echarts锡林郭勒盟太仆寺旗geoJson地图指定区域高亮实例代码

echarts yekong

大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理锡林郭勒盟太仆寺旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

太仆寺旗,隶属 内蒙古自治区 锡林郭勒盟。地处阴山北麓,在浑善达克沙地南缘,海拔1300-1800米,属中温亚干旱大陆性气候。东南、正南、正西与河北省毗邻,旗政府所在地宝昌镇距张家口149公里、北京350公里,是自治区距北京最近的旗县之一。总面积3415平方公里。根据第七次人口普查数据,截至2020年11月1日零时,太仆寺旗常住人口为109370人。截至2012年,太仆寺旗总面积为3415平方公里,辖5镇1乡1苏木;是一个以蒙古族为主体,汉族占大多数的多民族聚居区。

echarts锡林郭勒盟太仆寺旗geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts锡林郭勒盟太仆寺旗geoJson地图指定区域高亮

echarts锡林郭勒盟太仆寺旗geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts锡林郭勒盟太仆寺旗geoJson地图局部颜色渐变

echarts锡林郭勒盟太仆寺旗geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts锡林郭勒盟太仆寺旗geoJson地图点击地图获取经纬度

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs课程视频 3D可视化Three.js视频教程

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图鼠标移入显示标签并高亮

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图CSS3D标签

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs锡林郭勒盟太仆寺旗geoJson地图3d地图添加旋转棱锥

锡林郭勒盟太仆寺旗 下辖有 千斤沟镇,骆驼山镇,贡宝拉格苏木乡,宝昌镇,红旗镇,万寿滩良种场,幸福乡,永丰镇

锡林郭勒盟太仆寺旗下辖区域坐标

{"千斤沟镇":[115.49272666876132,41.85602166010708],"骆驼山镇":[115.61832704534058,42.02828103360788],"贡宝拉格苏木乡":[115.14213624140561,41.74008466406224],"宝昌镇":[115.21033083750683,41.89225880357618],"红旗镇":[115.07471364467608,41.98253343668503],"万寿滩良种场":[115.1547057774778,42.04143875893271],"幸福乡":[115.20039130270459,41.59671971048502],"永丰镇":[115.3619737260972,42.01351490849404]}

说明

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

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

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

锡林郭勒盟太仆寺旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts锡林郭勒盟太仆寺旗geoJson地图指定区域高亮实例代码