在 Wordpress 中添加带有标记的 Google Map

Question

我正在尝试在 wordpress 中添加一个带有标记的简单谷歌 map，但它不起作用。 为此，我使用了本教程https://developers.google.com/maps/documentation/javascript/adding-a-google-map#maps_add_map-html的“完整代码”。 我做了第一步，我有一把钥匙。

我应该修改或集成代码中的某些内容吗？

谢谢

Answer 1

 <iframe src="https://www.google.com/maps/embed?pb=.1m18.1m12.1m3.1d3022:6175398570913;2d-73.98566440000002!3d40.748440499999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a9b3117469%3A0xd134e199a405a163!2sEmpire%20State%20Building!5e0!3m2!1sen!2seg!4v1659783480059!5m2!1sen!2seg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

如果您只需要为您的项目显示一个带有一个标记的位置，您可以尝试嵌入您的谷歌 map，但是如果您在 js 中需要它，您可以查看官方文档示例

虽然就 JS Map 而言，文档显示了所有内容，但您需要一个带有 1 美元验证的谷歌云付费帐户才能获得 API 密钥并连接到谷歌地图

script.src = 'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&;

// add api key here
      

地图 JavaScript API

谷歌沙盒示例

与他人共享嵌入式 map 或方向