【文件属性】：
文件名称：london:优达学城街区地图项目
文件大小：2.67MB
文件格式：ZIP
更新时间：2021-06-12 04:05:33
JavaScript
伦敦
优达学城街区地图项目
任务
水疗中心设有一个社区
突出显示的位置
有关这些位置的第三方数据
浏览内容的多种方式
第三方JS库的使用
计划
AngularJS 作为 3rd 方库。 （我最了解它，它非常适合此目的。）
纽约时报会做API接口。 （我们在课程中使用了这个 API。）
伦敦将是我的邻居。
实现
我在伦敦地铁网站上找到了一个伦敦剪影（这就是为什么伦敦地铁被大量占用的原因），把它切成碎片，添加一些细节，使用一些颜色，最后分别得到了 8 张黑色和红色的图片。 然后我创建了一个 JSON 文件，它描述了每个景点并包含相关图片的文件名。 AngularJS 被证明是创建 JSON 数据的绝佳选择
左侧导航栏中的条目
标题中的伦敦剪影
Goggle 地图中的地图标记
现在有 3 种方法可以通过将鼠标悬停在或单击上述每个功能来浏览内容。 如果您将鼠标悬停在导航列表条目和剪影图片都将