--- id: bd7108d8c242eddfaeb5bd13 title: 全球地图数据 challengeType: 3 videoUrl: '' dashedName: map-data-across-the-globe --- # --description-- **目标:** 构建一个功能类似于此的[CodePen.io](https://codepen.io)应用程序: [https](https://codepen.io/freeCodeCamp/full/mVEJag) **:** [//codepen.io/freeCodeCamp/full/mVEJag](https://codepen.io) 。完成以下[用户故事](https://en.wikipedia.org/wiki/User_story) 。使用您需要的任何库或API。给它你自己的个人风格。 **用户故事:** 我可以看到所有陨石落在世界地图上的位置。 **用户故事:** 我可以通过查看陨石在地图上的表示方式来判断陨石的相对大小。 **用户故事:** 我可以将鼠标悬停在陨石的数据点上以获取更多数据。 **提示:** 这是一个可用于构建此数据集的数据集: [https](https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json) : [//raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json](https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json)如果卡住,请记住使用[Read-Search-Ask](https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck-coding/19514) 。完成后,单击“我已完成此挑战”按钮并包含指向CodePen的链接。您可以通过Facebook上的朋友分享您的项目反馈。 # --solutions-- ```js // solution required ```