可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理福州市鼓楼区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts福州市鼓楼区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts福州市鼓楼区geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts福州市鼓楼区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs福州市鼓楼区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频课程 WebGL 3D可视化教程
threejs福州市鼓楼区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs福州市鼓楼区geoJson地图3d地图
通过threejs绘制的3d地图实例
福州市鼓楼区 下辖有 安泰街道,华大街道,鼓东街道,鼓西街道,五凤街道,南街街道,洪山镇,东街街道,水部街道,温泉街道,安泰街道,华大街道,鼓东街道,鼓西街道,五凤街道,南街街道,洪山镇,东街街道,水部街道,温泉街道
福州市鼓楼区下辖区域坐标
{"安泰街道":[119.29584559578782,26.07981131980849],"华大街道":[119.29573920249105,26.10922861089084],"鼓东街道":[119.29731978735867,26.09768084821621],"鼓西街道":[119.28180088925124,26.09462525631423],"五凤街道":[119.26869737978186,26.11082607062072],"南街街道":[119.28678548875072,26.08264368349303],"洪山镇":[119.26372664373669,26.08497596682198],"东街街道":[119.2996956753887,26.08784571785201],"水部街道":[119.31134759297767,26.07830400606638],"温泉街道":[119.30828151987608,26.094927503275]}
福州市鼓楼区行政划分代码
[{"name":"安泰街道","code":"350102006000"},{"name":"华大街道","code":"350102007000"},{"name":"鼓东街道","code":"350102001000"},{"name":"鼓西街道","code":"350102002000"},{"name":"五凤街道","code":"350102009000"},{"name":"南街街道","code":"350102005000"},{"name":"洪山镇","code":"350102100000"},{"name":"东街街道","code":"350102004000"},{"name":"水部街道","code":"350102008000"},{"name":"温泉街道","code":"350102003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
