如何将谷歌地图位置添加到我的网站

Posted 2023-03-28

【中文标题】如何将谷歌地图位置添加到我的网站

【英文标题】：how to adding google maps location to my website

【发布时间】：2021-10-30 05:31:35

【问题描述】：

我使用 laravel 8.x 我在本地主机的项目中添加了谷歌地图

在html中

<div id="map" class="gmaps" ></div>

并添加了来自 google 的脚本 javascript 以加载地图

https://maps.googleapis.com/maps/api/js?key=AIzaSyBGP2Z4owZlWQDRXcdqQgVImlHJedrhefE&libraries=places&callback=initAutocomplete

 <script
      src="https://maps.googleapis.com/maps/api/js?key= MY API KEY from google &callback=initMap&libraries=&v=weekly"
      async
    ></script

这是 API 激活

如何解决这个问题？？？

【问题讨论】：

您在 javascript 控制台中收到什么错误消息？你需要解决这个问题。

地理编码服务：您必须在 console.cloud.google.com/project/_/billing/enable 上启用 Google Cloud 项目的计费功能，在 developers.google.com/maps/gmp-get-started _.Ee @ js?key=AIzaSyBGP2Z4owZlWQDRXcdqQgVImlHJedrhefE&libraries=places&callback=initAutocomplete async defer:81 了解更多信息

请edit您的问题包含该信息。你这样做了吗（启用计费）？

【参考方案1】：

好吧，我知道的不多，所以不要怪我做错了，但是在 Google 地图网站上，您无需自己动手就可以获取 html 代码 A photo:

它看起来像这样

<iframe src="https://www.google.com/maps/embed?pb=!1m24!1m12!1m3!1d37884.27437429994!2d10.038146266404057!3d53.5976162881659!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m9!3e1!4m3!3m2!1d53.605531199999994!2d10.0321597!4m3!3m2!1d53.605892999999995!2d10.1306738!5e0!3m2!1snl!2snl!4v1630424037937!5m2!1snl!2snl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

【讨论】：

感谢您的回复。但我想得到确切的位置

这与问题无关。

请添加更多详细信息以扩展您的答案，例如工作代码或文档引用。