echarts乌鲁木齐市头屯河区geoJson地图圆形波纹状气泡图实例代码

geoJson2 yekong

大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理乌鲁木齐市头屯河区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

头屯河区隶属于 新疆维吾尔自治区 乌鲁木齐市,位于乌鲁木齐市西北部,是乌鲁木齐市城市副中心。头屯河区于1961年4月建区,因西邻头屯河而得名。

echarts乌鲁木齐市头屯河区geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts乌鲁木齐市头屯河区geoJson地图圆形波纹状气泡图

echarts乌鲁木齐市头屯河区geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts乌鲁木齐市头屯河区geoJson地图3d地图

echarts乌鲁木齐市头屯河区geoJson地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts乌鲁木齐市头屯河区geoJson地图点击弹出自定义弹窗

threejs乌鲁木齐市头屯河区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频教程 3D可视化Three.js视频教程

threejs乌鲁木齐市头屯河区geoJson地图3d地图鼠标移入显示标签并高亮

threejs乌鲁木齐市头屯河区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs乌鲁木齐市头屯河区geoJson地图3d地图指定区域闪烁

threejs乌鲁木齐市头屯河区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs乌鲁木齐市头屯河区geoJson地图3d地图添加描边效果

乌鲁木齐市头屯河区 下辖有 北站西路街道,兵团十二师五一农场,乌昌路街道,王家沟街道,火车西站街道,兵团十二师三坪农场,头屯河区乡类似乡镇单位,新疆兵团十二师头屯河农场,头屯河街道

乌鲁木齐市头屯河区下辖区域坐标

{"北站西路街道":[87.46550681479037,43.87140804826726],"兵团十二师五一农场":[87.39256734546537,43.99562690537626],"乌昌路街道":[],"王家沟街道":[87.3625797217408,43.85979643148563],"火车西站街道":[87.43530651591999,43.83726673716348],"兵团十二师三坪农场":[87.34517338925079,43.93864147661888],"头屯河区乡类似乡镇单位":[],"新疆兵团十二师头屯河农场":[87.31277107750026,43.89524020044239],"头屯河街道":[87.30030422697153,43.82332368728775]}

乌鲁木齐市头屯河区行政划分代码

[{"name":"北站西路街道","code":""},{"name":"兵团十二师五一农场","code":"650106502000"},{"name":"乌昌路街道","code":""},{"name":"王家沟街道","code":""},{"name":"火车西站街道","code":""},{"name":"兵团十二师三坪农场","code":"650106501000"},{"name":"头屯河区乡类似乡镇单位","code":""},{"name":"新疆兵团十二师头屯河农场","code":"650106503000"},{"name":"头屯河街道","code":""}]

说明

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

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

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

乌鲁木齐市头屯河区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts乌鲁木齐市头屯河区geoJson地图圆形波纹状气泡图实例代码