javascript - 获取 URL 以从 iFrame 打开更大的 map ？

Question

我想从 iFrame URL 获取打开更大 map 的链接:

<iframe 
src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d414225.88930329087!2d14.068999827954114!3d46.99590051638977!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47707345308f7e65%3A0x687eb6df8c618d2b!2sKlagenfurt%2C%20Austria!5e0!3m2!1sen!2srs!4v1643793775072!5m2!1sen!2srs' 
style='border:0;' allowfullscreen='' loading='lazy'></iframe>

在新选项卡中打开 iframe 的此 URL 无效:

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d414225.88930329087!2d14.068999827954114!3d46.99590051638977!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47707345308f7e65%3A0x687eb6df8c618d2b!2sKlagenfurt%2C%20Austria!5e0!3m2!1sen!2srs!4v1643793775072!5m2!1sen!2srs

我尝试从 iFrame 获取 URL:

但是在网站安装时，JS无法读取iFrame DOM...有什么建议吗？

Answer 1

您应该阅读 your URL 的回复已经告诉你了:

The Google Maps Embed API must be used in an iframe.

正如您在 Google Maps Embed API 中的示例中看到的那样文档:

<iframe
  width="600"
  height="450"
  style="border:0"
  loading="lazy"
  allowfullscreen
  src="https://www.google.com/maps/embed/v1/place?key=API_KEY
    &q=Space+Needle,Seattle+WA">
</iframe>

您缺少 ?key=API_KEY 部分。因此，按照网站上的说明设置 API key ，然后就可以开始了。