大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理乌鲁木齐市头屯河区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
头屯河区隶属于 新疆维吾尔自治区 乌鲁木齐市，位于乌鲁木齐市西北部，是乌鲁木齐市城市副中心。头屯河区于1961年4月建区，因西邻头屯河而得名。
echarts乌鲁木齐市头屯河区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts乌鲁木齐市头屯河区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts乌鲁木齐市头屯河区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs乌鲁木齐市头屯河区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话，可以观看threejs视频教程 3D可视化Three.js视频教程
threejs乌鲁木齐市头屯河区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs乌鲁木齐市头屯河区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
乌鲁木齐市头屯河区 下辖有 北站西路街道,兵团十二师五一农场,乌昌路街道,王家沟街道,火车西站街道,兵团十二师三坪农场,头屯河区乡类似乡镇单位,新疆兵团十二师头屯河农场,头屯河街道
乌鲁木齐市头屯河区下辖区域坐标
{"北站西路街道":[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地图效果展示。
