Question

我目前正在一个学校项目中，我必须创建一个网站，并且创建了一个功能，其中Google Maps可以用作路线规划器。

代码如下：

<!DOCTYPE HTML>
<form method="get" action="https://www.google.com/maps" target="RoutePlanner">
  <input name="saddr" type="text" id="saddr">
  <input name="output" type="hidden" value="embed">
  <input name="daddr" type="text" id="daddr">
  <input type="submit" name="Submit" value="Submit">
</form>
<br>
<iframe name="RoutePlanner" width="425" height="350" src="https://www.google.com/maps?z=5&amp;f=d&amp;output=embed&amp;ll=52.355518,-1.174320">
    </iframe>

您可以看到它很简单，但是可以满足我的需要，但是我的老师建议，当我使用此文件连接服务器以在我的网站上使用时，它可能必须使用API，为什么？是这个，我将如何完成？

谢谢亨利

Answer 1

使用Google Maps API，您可以使用自己的内容和图像来自定义地图以显示在网页上，并且要使用Maps JavaScript API，必须在Google Cloud Platform Console上注册应用程序项目并获取Google API密钥。可以添加到您的应用中。为了显示一个简单的地图，您可以使用Google Maps免费版。

转到此https://developers.google.com/maps/documentation/javascript/get-api-key并创建一个新的项目和计费帐户。创建API密钥后，您可以关闭自己的结算帐户，并且不会收取任何费用。

将您的API密钥放置在HTML文件中

 <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script>

请参考Google Map API文档以获取更多参考。 https://developers.google.com/maps/documentation/

我需要Google Maps API吗？

1 个答案: