我目前正在开展一个学校项目,我必须创建一个网站,我创建了一个功能,谷歌地图可以用作路线规划。
代码如下:
<!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&f=d&output=embed&ll=52.355518,-1.174320">
</iframe>
你可以看到它非常简单但是我需要它的目的,但是我的老师建议当我使用这个文件连接到我的网站上使用的服务器时,它可能必须使用API,为什么这和我怎么做到这一点?
谢谢,亨利
Google Maps API允许您使用自己的内容和图像自定义地图以显示在网页上,并使用Maps JavaScript API,您必须在Google Cloud Platform控制台上注册您的应用项目并获取可添加到的Google API密钥你的应用。为了显示简单的地图,您可以使用谷歌地图免费版。
转到此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/