echarts西安市莲湖区geoJson地图点击地图获取经纬度代码演示

geoJson2 yekong

可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是西安市莲湖区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

莲湖区,隶属于陕西省西安市,位于西安市西北部,东与新城区接壤,西和北与未央区相连,南与碑林区、雁塔区毗邻,区域面积38.5平方千米。截至2022年10月,莲湖区下辖9个街道。2021年,莲湖区常住人口102.93万人。

echarts西安市莲湖区geoJson地图点击地图获取经纬度

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

echarts西安市莲湖区geoJson地图点击地图获取经纬度

echarts西安市莲湖区geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts西安市莲湖区geoJson地图添加柱状图

echarts西安市莲湖区geoJson地图3d地图实例旋转动画

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

echarts西安市莲湖区geoJson地图3d地图实例旋转动画

threejs西安市莲湖区geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs西安市莲湖区geoJson地图3d地图鼠标移入显示标签并高亮

threejs西安市莲湖区geoJson地图3d地图指定区域闪烁

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

threejs西安市莲湖区geoJson地图3d地图指定区域闪烁

threejs西安市莲湖区geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs西安市莲湖区geoJson地图3d地图红色描边闪烁警报

西安市莲湖区 下辖有 环城西路街道,北关街道,北院门街道,桃园路街道,青年路街道,土门街道,枣园街道,西关街道

西安市莲湖区下辖区域坐标

{"环城西路街道":[108.90870412678167,34.26989600941619],"北关街道":[108.94009827077313,34.28576682623941],"北院门街道":[108.93098952750219,34.26116104569297],"桃园路街道":[108.88626549869403,34.27037329263183],"青年路街道":[108.93140042326318,34.27312989614065],"土门街道":[],"枣园街道":[108.83146533179011,34.28315011398236],"西关街道":[108.90016512114593,34.25171052807672]}

西安市莲湖区行政划分代码

[{"name":"环城西路街道","code":"610104005000"},{"name":"北关街道","code":"610104003000"},{"name":"北院门街道","code":"610104002000"},{"name":"桃园路街道","code":"610104008000"},{"name":"青年路街道","code":"610104001000"},{"name":"土门街道","code":"610104007000"},{"name":"枣园街道","code":"610104009000"},{"name":"西关街道","code":"610104006000"}]

说明

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

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

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

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示

西安市莲湖区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts西安市莲湖区geoJson地图点击地图获取经纬度代码演示