echarts银川市兴庆区geoJson地图区域闪烁演示实例

geoJson2 yekong

数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理银川市兴庆区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

兴庆区,隶属宁夏回族自治区首府银川市,位于银川市东部,是首府银川市的核心区,自治区科技、文化、教育、经济、金融和商贸物流中心。中心位置位于北纬38°28′、东经106°17′之间。东与内蒙古自治区鄂托克前旗接壤,西临唐徕古渠,南北分别与灵武市、永宁县、贺兰县、平罗县接壤,辖区总面积828平方千米。根据第七次人口普查数据,截至2020年11月1日零时,兴庆区常住人口为808282人。截至2021年9月,兴庆区辖11街道、2个镇、2个乡,区政府驻地北京东路471号。

echarts银川市兴庆区geoJson地图区域闪烁

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

echarts银川市兴庆区geoJson地图区域闪烁

echarts银川市兴庆区geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts银川市兴庆区geoJson地图定义颜色

echarts银川市兴庆区geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts银川市兴庆区geoJson地图3d地图自定义贴图-绿色地面

threejs银川市兴庆区geoJson地图3d地图自定义贴图加CSS3D标签

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

threejs银川市兴庆区geoJson地图3d地图自定义贴图加CSS3D标签

threejs银川市兴庆区geoJson地图3d地图CSS3D标签

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

threejs银川市兴庆区geoJson地图3d地图CSS3D标签

threejs银川市兴庆区geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs银川市兴庆区geoJson地图3d地图CSS2D外加旋转棱锥

银川市兴庆区 下辖有 解放西街街道,银古路街道,中山南街街道,凤凰北街街道,燕鸽湖管委会,玉皇阁北街街道,丽景街街道,富宁街街道,文化街街道,新华街街道,胜利街街道,前进街街道,大新镇,掌政镇,通贵乡,月牙湖乡

银川市兴庆区下辖区域坐标

{"解放西街街道":[106.26717019479335,38.47676973975062],"银古路街道":[],"中山南街街道":[106.28703595185779,38.45862484392634],"凤凰北街街道":[106.25467398469058,38.47875631170105],"燕鸽湖管委会":[106.32133597626893,38.44662066906103],"玉皇阁北街街道":[106.28660832159493,38.47104353292377],"丽景街街道":[106.29129780087489,38.50069897072798],"富宁街街道":[106.2571142047096,38.45845216736389],"文化街街道":[106.27784686022468,38.47296195291452],"新华街街道":[106.27212334654843,38.455190014068],"胜利街街道":[106.2724999754484,38.43738917199808],"前进街街道":[106.26431315560026,38.45094473652127],"大新镇":[106.31118427820343,38.46095706352828],"掌政镇":[106.41041622736688,38.38710105473989],"通贵乡":[106.48301476157131,38.46821775309222],"月牙湖乡":[106.54497297444597,38.48703469149138]}

银川市兴庆区行政划分代码

[{"name":"解放西街街道","code":"640104002000"},{"name":"银古路街道","code":"640104009000"},{"name":"中山南街街道","code":"640104008000"},{"name":"凤凰北街街道","code":"640104001000"},{"name":"燕鸽湖管委会","code":""},{"name":"玉皇阁北街街道","code":"640104006000"},{"name":"丽景街街道","code":"640104011000"},{"name":"富宁街街道","code":"640104004000"},{"name":"文化街街道","code":"640104003000"},{"name":"新华街街道","code":"640104005000"},{"name":"胜利街街道","code":"640104010000"},{"name":"前进街街道","code":"640104007000"},{"name":"大新镇","code":"640104101000"},{"name":"掌政镇","code":"640104100000"},{"name":"通贵乡","code":"640104200000"},{"name":"月牙湖乡","code":"640104201000"}]

说明

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

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

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

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

银川市兴庆区echarts地图效果实例和threejs地图效果实例下载

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