echarts赤峰市红山区geoJson地图指定区域高亮代码演示

echarts yekong 426℃

随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理赤峰市红山区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

红山区,隶属 内蒙古自治区 赤峰市 。位于内蒙古自治区中东部、赤峰市中南部。东、东南与元宝山区接壤,南与松山区相连,西南与喀喇沁旗毗邻,西与松山区交界,北隔招苏河、英金河与松山区相望,总面积506平方公里。2021年,红山区常住人口47.05万人,户籍人口34.76万人。截至2021年10月,红山区下辖11个街道、2个镇。区政府驻桥北大街1号。

echarts赤峰市红山区geoJson地图指定区域高亮

echarts让指定区域变为选中高亮状态

echarts赤峰市红山区geoJson地图指定区域高亮

echarts赤峰市红山区geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts赤峰市红山区geoJson地图阴影

echarts赤峰市红山区geoJson地图点击跳转到指定页面

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

echarts赤峰市红山区geoJson地图点击跳转到指定页面

threejs赤峰市红山区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs赤峰市红山区geoJson地图3d地图CSS3D标签

threejs赤峰市红山区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs赤峰市红山区geoJson地图3d地图添加描边效果

threejs赤峰市红山区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs赤峰市红山区geoJson地图3d地图自定义贴图加CSS3D标签

赤峰市红山区 下辖有 东城街道,西屯街道,永巨街道,红山工业园区,红山物流园区,红山区农畜产品加工产业园区,哈达街道,站前街道,桥北街道,铁南街道,三中街街道,红庙子镇,西城街道,文钟镇,长青街道,南新街街道

赤峰市红山区下辖区域坐标

{"东城街道":[118.9897021836872,42.28262158408791],"西屯街道":[118.94223922986274,42.27215128974079],"永巨街道":[118.96265973488802,42.28355625728648],"红山工业园区":[119.03006487414669,42.29016542027635],"红山物流园区":[118.9227285349595,42.32201504551875],"红山区农畜产品加工产业园区":[118.92031244240214,42.19641911045051],"哈达街道":[118.9458086803039,42.26707166226039],"站前街道":[118.91098273768517,42.23552276842416],"桥北街道":[118.93131595390614,42.31221519613204],"铁南街道":[118.97251371106306,42.25130571121923],"三中街街道":[118.9554150482947,42.27776005357435],"红庙子镇":[119.08005248853783,42.30042310559385],"西城街道":[118.949447186139,42.24398602077316],"文钟镇":[118.97080540667677,42.13652560432961],"长青街道":[118.9625196463343,42.26713934110649],"南新街街道":[118.96104668441578,42.26342752923468]}

说明

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

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

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

赤峰市红山区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts赤峰市红山区geoJson地图指定区域高亮代码演示