时间戳

首页 > 解决方案 > 从共享网址嵌入谷歌地图

google-maps - 从共享网址嵌入谷歌地图

问题描述

如果我有一个字符串 urlhttps://goo.gl/maps/h3maMVM6JHJ2

如何https://www.google.com/maps/place/Wal+Mart/@1.0124826,102.7074445,17z/data=!3m1!4b1!4m5!3m4!1s0x31d6da283960bf79:0xff2a6dc939314ae0!8m2!3d1.0124826!4d102.7096332 使用javascript获取 url

标签： google-maps

解决方案

  1. 点击链接：https ://goo.gl/maps/h3maMVM6JHJ2

决议：

https://www.google.com/maps/place/Wal+Mart/@1.0124826,102.7074445,17z/data=!3m1!4b1!4m5!3m4!1s0x31d6da283960bf79:0xff2a6dc939314ae0!8m2!3d1.0124826!4d102.7096332
  1. 点击分享图标：

分享图标

  1. 点击“嵌入地图”：

嵌入地图

  1. 点击“复制 HTML”

复制 HTML

你会得到一个你需要<iframe>的src=属性：

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.1953868324035!2d102.70744451475375!3d1.0124825992614412!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d6da283960bf79%3A0xff2a6dc939314ae0!2sWal+Mart!5e0!3m2!1sen!2sus!4v1545288648700" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.1953868324035!2d102.70744451475375!3d1.0124825992614412!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d6da283960bf79%3A0xff2a6dc939314ae0!2sWal+Mart!5e0!3m2!1sen!2sus!4v1545288648700" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

推荐阅读