# echarts宝鸡市渭滨区geoJson地图自定义引导线效果实例

geoJson2 yekong

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

渭滨区,隶属于陕西省宝鸡市,位于关中西部,秦岭北麓,地跨渭河南北两岸。东、西与陈仓区接壤,南与太白县、凤县交界,北与金台区毗邻,总面积842平方千米。截至2022年末,渭滨区常住人口54.06万人。

echarts宝鸡市渭滨区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts宝鸡市渭滨区geoJson地图自定义引导线

echarts宝鸡市渭滨区geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts宝鸡市渭滨区geoJson地图全局颜色渐变

echarts宝鸡市渭滨区geoJson地图3d地图实例旋转动画

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

echarts宝鸡市渭滨区geoJson地图3d地图实例旋转动画

threejs宝鸡市渭滨区geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化

threejs宝鸡市渭滨区geoJson地图3d地图红色描边闪烁警报

threejs宝鸡市渭滨区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs宝鸡市渭滨区geoJson地图3d地图自定义贴图加CSS3D标签

threejs宝鸡市渭滨区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs宝鸡市渭滨区geoJson地图3d地图CSS3D标签

宝鸡市渭滨区 下辖有 清姜街道,金陵街道,经二路街道,马营镇,高家镇,姜谭街道,八鱼镇,石鼓镇,神农镇,桥南街道

宝鸡市渭滨区下辖区域坐标

{"清姜街道":[107.11706142709556,34.34310944997837],"金陵街道":[107.14824551614146,34.36775987276815],"经二路街道":[107.12905767710171,34.37132301248709],"马营镇":[107.21095165048999,34.25204227815335],"高家镇":[107.00431421634902,34.37782883644782],"姜谭街道":[107.09904190681979,34.36338476006338],"八鱼镇":[107.28660609147002,34.26154423520695],"石鼓镇":[107.16561710324002,34.28678765809838],"神农镇":[107.06037007290433,34.23981382594403],"桥南街道":[107.14713315794157,34.35432379700202]}

宝鸡市渭滨区行政划分代码

[{"name":"清姜街道","code":"610302003000"},{"name":"金陵街道","code":"610302001000"},{"name":"经二路街道","code":"610302002000"},{"name":"马营镇","code":"610302100000"},{"name":"高家镇","code":"610302103000"},{"name":"姜谭街道","code":"610302004000"},{"name":"八鱼镇","code":"610302104000"},{"name":"石鼓镇","code":"610302101000"},{"name":"神农镇","code":"610302102000"},{"name":"桥南街道","code":"610302005000"}]

说明

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

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

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

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

宝鸡市渭滨区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
# echarts宝鸡市渭滨区geoJson地图自定义引导线效果实例