echarts乌鲁木齐市新市区geoJson地图圆形波纹状气泡图演示实例

geoJson2 yekong

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

新市区,隶属 新疆维吾尔自治区 乌鲁木齐市,位于乌鲁木齐市西北部,总面积为326平方千米。截至2010年11月1日零时,新市区常住人口为730307人。新市区属于中温带大陆干旱气候区。截至2021年10月,新市区辖18个街道、4个乡、1个镇。

echarts乌鲁木齐市新市区geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts乌鲁木齐市新市区geoJson地图圆形波纹状气泡图

echarts乌鲁木齐市新市区geoJson地图3d地图

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

echarts乌鲁木齐市新市区geoJson地图3d地图

echarts乌鲁木齐市新市区geoJson地图指定区域高亮

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

echarts乌鲁木齐市新市区geoJson地图指定区域高亮

threejs乌鲁木齐市新市区geoJson地图3d地图鼠标移入显示标签并高亮

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

threejs乌鲁木齐市新市区geoJson地图3d地图鼠标移入显示标签并高亮

threejs乌鲁木齐市新市区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs乌鲁木齐市新市区geoJson地图3d地图css2d标签

threejs乌鲁木齐市新市区geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs乌鲁木齐市新市区geoJson地图3d地图添加金色效果

乌鲁木齐市新市区 下辖有 迎宾路街道,长春中路街道,杭州路街道,二工乡,三工街道,二工街道,地窝堡乡,北京路街道,南纬路街道,天津路街道,银川路街道,北站东路街道,高新街街道,喀什东路街道,石油新村街道,乌鲁木齐经济技术开发区街道

乌鲁木齐市新市区下辖区域坐标

{"迎宾路街道":[],"长春中路街道":[],"杭州路街道":[87.55578881096804,43.88707602372905],"二工乡":[],"三工街道":[],"二工街道":[],"地窝堡乡":[],"北京路街道":[],"南纬路街道":[87.55265691501833,43.86739571136918],"天津路街道":[],"银川路街道":[87.58905235150374,43.85413636788083],"北站东路街道":[],"高新街街道":[],"喀什东路街道":[87.58476088523042,43.93286658042484],"石油新村街道":[87.53598209627754,43.86128095237993],"乌鲁木齐经济技术开发区街道":[]}

乌鲁木齐市新市区行政划分代码

[{"name":"迎宾路街道","code":"650104005000"},{"name":"长春中路街道","code":"650104019000"},{"name":"杭州路街道","code":"650104012000"},{"name":"二工乡","code":"650104200000"},{"name":"三工街道","code":"650104003000"},{"name":"二工街道","code":"650104002000"},{"name":"地窝堡乡","code":"650104201000"},{"name":"北京路街道","code":"650104001000"},{"name":"南纬路街道","code":"650104011000"},{"name":"天津路街道","code":""},{"name":"银川路街道","code":"650104010000"},{"name":"北站东路街道","code":""},{"name":"高新街街道","code":"650104018000"},{"name":"喀什东路街道","code":"650104006000"},{"name":"石油新村街道","code":"650104004000"},{"name":"乌鲁木齐经济技术开发区街道","code":""}]

说明

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

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

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

乌鲁木齐市新市区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts乌鲁木齐市新市区geoJson地图圆形波纹状气泡图演示实例