文件名称:boris_bikes:我在一个晚上创建了一个应用程序,其中显示了Boris Bike车站的位置以及每个车站的可用自行车。 使用AJAX请求将数据提取到TfL API,并使用Google Maps API在地图上显示
文件大小:307KB
文件格式:ZIP
更新时间:2024-05-22 19:47:45
javascript css html jquery ajax-request
鲍里斯(Boris)自行车 一张地图,显示了(正式称为桑坦德自行车)站的位置。 数据从提取,并使用在。 介绍 在学习JavaScript四个星期之后,我在一个晚上制作了这件作品。 我想创建一个显示Google Map的网页,然后在每个Boris Bike扩展坞位置的地图上放置一个标记。 我喜欢实时数据,因此很喜欢使用TfL API填充地图。 建造 该项目使用HTML,CSS和JavaScript(包括jQuery)以及TfL API,Google Maps API和样式进行。 我几乎不需要HTML文件,因为它的主要目的是为CSS,JavaScript和Google Map定义源。 它还定义了地图将在页面上呈现的位置。 然后,我查看了TfL API文档。 TfL API很有用,因为它具有成千上万的端点,但是,作为初学者,很难遵循该文档。 扩展坞的位置埋在API内的对象中。 好消息
【文件预览】:
boris_bikes-master
----.gitignore(914B)
----borisbw.png(6KB)
----boris.png(8KB)
----LICENSE(1KB)
----js()
--------app.js(4KB)
--------fontawesome-markers.min.js(471KB)
----css()
--------reset.css(1KB)
--------style.css(78B)
----README.md(2KB)
----index.html(902B)
----docs()
--------borisbw.png(6KB)
--------boris.png(8KB)
--------js()
--------css()
--------index.html(902B)