一次性可视化任何城市内的所有道路-javascript

时间:2024-07-11 04:26:00
【文件属性】:

文件名称:一次性可视化任何城市内的所有道路-javascript

文件大小:1.22MB

文件格式:ZIP

更新时间:2024-07-11 04:26:00

可视化/图表

Visualization of all roads within any city,一次性渲染任何城市的每条道路 city-roads 一次渲染任何城市中的每条道路:https://anvaka.github.io/city-roads/ 它是如何制作的? 数据是使用 overpass API 从 OpenStreetMap 获取的。 虽然该 API 是免费的(只要您遵循 ODbL 许可证),它可能会受到速率限制,有时速度很慢。 毕竟我们正在下载一个区域内的数千条道路! 为了提高下载性能,我索引了大约 3,000 个人口超过 100,000 人的城市,并以非常简单的 protobuf 格式存储。 这些城市存储在此 github 存储库中的缓存中。 名称解析由 nominatim 完成 - 对于您在搜索框中键入的任何查询,它都会返回区域 ID 列表。 我首先检查缓存城市列表中的区域 ID,如果缓存中不存在区域,则回退到立交桥。 脚本背后的简单 UI 软件工程师也会发现脚本功能。 您可以在城市道路上开发程序。 city-script 中提供了一些示例。 场景 API


【文件预览】:
city-roads-master
----images()
--------tokyo_and_seattle.png(1.07MB)
----vue.config.js(37B)
----package.json(1KB)
----.github()
--------FUNDING.yml(122B)
----LICENSE(1KB)
----package-lock.json(466KB)
----static()
--------.gitkeep(0B)
----src()
--------vars.styl(265B)
--------config.js(641B)
--------NoWebGL.vue(981B)
--------App.vue(12KB)
--------main.js(951B)
--------createOverlayManager.js(6KB)
--------components()
--------lib()
--------proto()
----.eslintrc.js(634B)
----deploy.sh(232B)
----.gitignore(154B)
----public()
--------index.html(2KB)
----README.md(3KB)
----.eslintignore(30B)
----.editorconfig(147B)
----API.md(5KB)
----babel.config.js(73B)

网友评论