echarts西安市雁塔区geoJson地图3d地图实例旋转动画代码演示

geoJson2 yekong

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

雁塔区,隶属陕西省西安市,是中共陕西省委、陕西省军区、国家级西安高新技术开发区所在地。位于关中平原中部,西安市城区南部,东邻浐河与灞桥区相望,西部、南部与长安区接壤,北以二环路、防洪渠为界,分别与未央区、莲湖区、碑林区、新城区为邻,总面积152平方公里。2021年,雁塔区常住人口208.66万人,户籍总人口143.15万人。有46个常住少数民族,截至2021年10月,雁塔区下辖10个街道, (其中鱼化寨街道、丈八街道于2018年9月托管至西安高新区)。 区政府驻小寨东路168号。

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

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

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

echarts西安市雁塔区geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts西安市雁塔区geoJson地图水滴状气泡图

echarts西安市雁塔区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts西安市雁塔区geoJson地图点击地图插小旗

threejs西安市雁塔区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs西安市雁塔区geoJson地图3d地图自定义贴图加CSS2D标签

threejs西安市雁塔区geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs西安市雁塔区geoJson地图3d地图CSS2D外加旋转棱锥

threejs西安市雁塔区geoJson地图3d地图指定区域闪烁

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

threejs西安市雁塔区geoJson地图3d地图指定区域闪烁

西安市雁塔区 下辖有 小寨路街道,曲江街道,丈八沟街道,大雁塔街道,电子城街道,等驾坡街道,长延堡街道

西安市雁塔区下辖区域坐标

{"小寨路街道":[],"曲江街道":[109.00366554335639,34.20050270764312],"丈八沟街道":[108.86317065456782,34.21595882291251],"大雁塔街道":[108.97235608002688,34.21713050628735],"电子城街道":[108.89900878282866,34.20539910604271],"等驾坡街道":[109.01482324160939,34.22595666407804],"长延堡街道":[108.94396155212289,34.19659062796875]}

西安市雁塔区行政划分代码

[{"name":"小寨路街道","code":"610113001000"},{"name":"曲江街道","code":"610113008000"},{"name":"丈八沟街道","code":"610113007000"},{"name":"大雁塔街道","code":"610113002000"},{"name":"电子城街道","code":"610113004000"},{"name":"等驾坡街道","code":"610113005000"},{"name":"长延堡街道","code":"610113003000"}]

说明

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

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

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

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

西安市雁塔区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts西安市雁塔区geoJson地图3d地图实例旋转动画代码演示