在WordPress中添加带有标记的GoogleMap

vbopmzt1  于 2022-10-04  发布在  WordPress
关注(0)|答案(2)|浏览(190)

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

代码中是否有我应该修改或集成的内容?

谢谢你的

w9apscun

w9apscun1#

<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>

如果您只需要为项目显示一个位置和一个标记,您可以尝试嵌入GoogleMap,但是如果您需要它在js中,您可以查看官方文档示例

而在JSMap方面,文档显示了所有内容,但您需要一个具有1$验证的Google云付费帐户才能获得API密钥并连接到GoogleMap

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

// add api key here

MapJavaScript API

Googles SandBox Example

Share an Embedded map or directions with others

eeq64g8w

eeq64g8w2#

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387190.27986637485!2d-74.25986055279087!3d40.69767007193516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2seg!4v1664812937761!5m2!1sen!2seg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

台阶

1.转至谷歌Map,确保您已登录
1.搜索要添加的位置
1.选择共享
1.选择嵌入Map
1.复制Google提供的html标签。这是我之前为一个客户项目所做的。在WordPress中。

参考文献https://developers.google.com/maps/documentation/embed/embedding-map

相关问题