数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是兰州市城关区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts兰州市城关区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts兰州市城关区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts兰州市城关区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs兰州市城关区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化
threejs兰州市城关区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs兰州市城关区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
兰州市城关区 下辖有 焦家湾街道,高新区,草场街街道,渭源路街道,张掖路街道,拱星墩街道,铁路西村街道,火车站街道,白银路街道,五泉街道,雁南街道,东岗街道,广武门街道,雁北街道,临夏路街道,伏龙坪街道,盐场路街道,青白石街道,靖远路街道,东岗西路街道,嘉峪关路街道,团结新村街道,铁路东村街道,皋兰路街道,酒泉路街道,焦家湾街道,高新区,草场街街道,渭源路街道,张掖路街道,拱星墩街道,铁路西村街道,火车站街道,白银路街道,五泉街道,雁南街道,东岗街道,广武门街道,雁北街道,临夏路街道,伏龙坪街道,盐场路街道,青白石街道,靖远路街道,东岗西路街道,嘉峪关路街道,团结新村街道,铁路东村街道,皋兰路街道,酒泉路街道
兰州市城关区下辖区域坐标
{"焦家湾街道":[103.88959154673852,36.03172123210316],"高新区":[103.90493425764267,36.05266899175041],"草场街街道":[103.82276176209334,36.09341876880347],"渭源路街道":[103.86108894163603,36.04939437307708],"张掖路街道":[103.82395376531602,36.05998227517077],"拱星墩街道":[103.88527705371574,36.04647979116204],"铁路西村街道":[103.83276625791113,36.03804800278283],"火车站街道":[103.85766430093958,36.02988943670432],"白银路街道":[103.8171416838924,36.04748534272485],"五泉街道":[103.8261282691303,36.03933056780096],"雁南街道":[103.86636470285109,36.06297527394821],"东岗街道":[],"广武门街道":[103.83770874210344,36.05939608523049],"雁北街道":[103.89071601140456,36.06701817109274],"临夏路街道":[103.8113744736473,36.05933397050258],"伏龙坪街道":[103.85998106835072,36.01037912595007],"盐场路街道":[103.84495396322177,36.11231201559247],"青白石街道":[103.92122999556437,36.10431859599295],"靖远路街道":[103.80198679538314,36.10634617626718],"东岗西路街道":[103.84999475458832,36.05325768003767],"嘉峪关路街道":[103.87102885886915,36.03730055846358],"团结新村街道":[103.85639869930051,36.03912992352674],"铁路东村街道":[103.84228778840534,36.03964330587885],"皋兰路街道":[103.83762789871949,36.04867681374958],"酒泉路街道":[103.83010993510918,36.05004638480845]}
兰州市城关区行政划分代码
[{"name":"焦家湾街道","code":"620102023000"},{"name":"高新区","code":"620102400000"},{"name":"草场街街道","code":"620102012000"},{"name":"渭源路街道","code":"620102020000"},{"name":"张掖路街道","code":"620102002000"},{"name":"拱星墩街道","code":"620102014000"},{"name":"铁路西村街道","code":"620102019000"},{"name":"火车站街道","code":"620102013000"},{"name":"白银路街道","code":"620102007000"},{"name":"五泉街道","code":"620102006000"},{"name":"雁南街道","code":"620102003000"},{"name":"东岗街道","code":"620102015000"},{"name":"广武门街道","code":"620102009000"},{"name":"雁北街道","code":"620102005000"},{"name":"临夏路街道","code":"620102004000"},{"name":"伏龙坪街道","code":"620102010000"},{"name":"盐场路街道","code":"620102021000"},{"name":"青白石街道","code":"620102024000"},{"name":"靖远路街道","code":"620102011000"},{"name":"东岗西路街道","code":"620102017000"},{"name":"嘉峪关路街道","code":"620102022000"},{"name":"团结新村街道","code":"620102016000"},{"name":"铁路东村街道","code":"620102018000"},{"name":"皋兰路街道","code":"620102008000"},{"name":"酒泉路街道","code":"620102001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。