如何在Google Maps iframe嵌入中获取偏移

Question

我在自己的网站上嵌入了Google Maps视图，但重点始终在中心。但是，我想将该点向左移动一点。

我已经尝试在URL的末尾添加＆ll，但这似乎不起作用。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.3898312892516!2d-122.39498068385242!3d37.78090297975824!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808580787b995e7f%3A0x573dcb3f41440563!2sDropbox!5e0!3m2!1snl!2sbe!4v1565976484287!5m2!1snl!2sbe" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

因此带有“ Dropbox”的光标处于集中状态，但我需要将其放置在地图的左侧（同时在Dropbox上保留指针）。我怎样才能做到这一点？

从Google Maps获得了嵌入的iframe代码。搜索位置，在左侧面板中单击“共享”，然后选择“嵌入”。

Answer 1

您似乎无法自定义默认Google Maps“共享”输出的输出。在获取“嵌入地图”代码之前，我曾尝试过调整地图，但它不会对其进行修改。

一个选项是Embed API，它具有一个可选的center参数，可用于调整地图的中心。

将"Place mode"与可选的“ center”参数一起使用：

q=Dropbox,333+Brannan+St,+San+Francisco,+CA+94107&center=37.7810556,-122.389

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=Dropbox,333+Brannan+St,+San+Francisco,+CA+94107&center=37.7810556,-122.389" allowfullscreen>
</iframe>

给我：

live example