echarts铜川市王益区geoJson地图区域闪烁效果实例

geoJson2 yekong

可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理铜川市王益区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

王益区,隶属于陕西省铜川市,位于铜川市北部,东、北与印台区接壤,西、南与耀州区毗邻,东南与富平县相接,区域面积162.2平方千米。截至2022年10月,王益区辖7个街道、1个镇。2021年末,王益区常住人口为13.31万人。

echarts铜川市王益区geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts铜川市王益区geoJson地图区域闪烁

echarts铜川市王益区geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts铜川市王益区geoJson地图点击跳转到指定页面

echarts铜川市王益区geoJson地图点击弹出自定义弹窗

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

echarts铜川市王益区geoJson地图点击弹出自定义弹窗

threejs铜川市王益区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs教程视频 WebGL前端3D可视化教程

threejs铜川市王益区geoJson地图3d地图指定区域闪烁

threejs铜川市王益区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs铜川市王益区geoJson地图3d地图自定义贴图加CSS2D标签

threejs铜川市王益区geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs铜川市王益区geoJson地图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地图实例效果,限于篇幅不一一展示

铜川市王益区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts铜川市王益区geoJson地图区域闪烁效果实例