Question

这是一个示例网址：

https://www.google.co.uk/maps/place/Barnes+%26+Noble+Booksellers+86th+%26+Lexington/@40.7747314,-73.9653734,15z/data=!4m5!1m2!2m1!1sBarnes+%26+Noble,+5th+Avenue,+New+York,+NY,+United+States!3m1!1s0x0:0xdec8ade72ab827a7

这显然不起作用：

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.co.uk/maps/place/Barnes+%26+Noble+Booksellers+86th+%26+Lexington/@40.7747314,-73.9653734,15z/data=!4m5!1m2!2m1!1sBarnes+%26+Noble,+5th+Avenue,+New+York,+NY,+United+States!3m1!1s0x0:0xdec8ade72ab827a7"
</iframe>

如何将示例网址转换为适用于iframe的网址？我甚至不必使用iframe。我只是想使用上面列出的格式提供的网址集成谷歌地图。

我正在使用PHP，如果这很重要的话。

Answer 1

根据您提供的网址格式，我会尝试将其转换为Google Maps Embed API网址。这需要API密钥。您有以下网址：

https://www.google.co.uk/maps/place/Barnes+%26+Noble+Booksellers+86th+%26+Lexington/@40.7747314,-73.9653734,15z/data=!4m5!1m2!2m1!1sBarnes+%26+Noble,+5th+Avenue,+New+York,+NY,+United+States!3m1!1s0x0:0xdec8ade72ab827a7

将其转换为嵌入网址只需要您提取已有网址的地址部分。结果将是：

https://www.google.com/maps/embed/v1/place?key=API_KEY&q=Barnes+%26+Noble+Booksellers+86th+%26+Lexington

如果您选择接收没有特定位置的网址，只是一个视图，它可能如下所示：

https://www.google.co.uk/maps/@40.7777212,-73.9567045,15z

在此示例中，您必须提取纬度，经度和缩放级别（15z），并创建如下URL：

https://www.google.com/maps/embed/v1/view?key=API_KEY&center=40.7777212,-73.9567045&zoom=15

阅读API还有两种模式（搜索和方向）可以用类似的方式处理，但不太可能在你的情况下使用。

至于提取，我可能会使用正则表达式或搜索和子字符串，具体取决于您收到的URL的变化程度。

Answer 2

您只需要一个嵌入网址

只需输入地址Google / Google Maps
点击分享（位于指示下方）。
选择嵌入地图。在您的代码中复制/粘贴网址。

如何将谷歌地图网址转换为iframe友好网址

2 个答案: