可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理铜川市王益区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
王益区,隶属于陕西省铜川市,位于铜川市北部,东、北与印台区接壤,西、南与耀州区毗邻,东南与富平县相接,区域面积162.2平方千米。截至2022年10月,王益区辖7个街道、1个镇。2021年末,王益区常住人口为13.31万人。
echarts铜川市王益区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts铜川市王益区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts铜川市王益区geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
threejs铜川市王益区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs教程视频 WebGL前端3D可视化教程
threejs铜川市王益区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs铜川市王益区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
铜川市王益区 下辖有 王益乡,黄堡镇,桃园街道,青年路街道,红旗街道,七一路街道,王家河街道
铜川市王益区下辖区域坐标
{"王益乡":[],"黄堡镇":[109.06022174076375,35.00083861698037],"桃园街道":[109.06426298826173,35.05699579296657],"青年路街道":[109.10115982603732,35.08605550483166],"红旗街道":[109.06309652571466,35.07633089189863],"七一路街道":[109.0850097772373,35.07404935215286],"王家河街道":[109.01050169338501,35.13221444398445]}
铜川市王益区行政划分代码
[{"name":"王益乡","code":""},{"name":"黄堡镇","code":"610202100000"},{"name":"桃园街道","code":"610202003000"},{"name":"青年路街道","code":"610202004000"},{"name":"红旗街道","code":""},{"name":"七一路街道","code":"610202001000"},{"name":"王家河街道","code":"610202005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示