如何解析 Google 地图嵌入代码以便更改缩放？答案

【问题标题】：How do I parse a Google map embed code so that I can change zoom?如何解析 Google 地图嵌入代码以便更改缩放？
【发布时间】：2019-05-02 21:29:52
【问题描述】：

我想在我网站的三个不同页面上嵌入三个以同一点为中心的不同 Google 地图。三张地图中的每一张都将具有不同的缩放级别：一张将显示一个大区域（点周围几百公里），一张将显示从该点开始的几个街区，另一张将介于两者之间，显示大部分城市及其主要路线。这将使用户能够让每张地图显示他想要的近似值，然后能够根据需要手动放大或缩小。

我曾经使用 Google 帐户执行此操作，我可以使用这样的 JavaScript 代码设置我喜欢的缩放：

var LPL_coords = new google.maps.LatLng(42.984600,-81.246048);

var mapOptions = {
    zoom: 7, 
    center: LPL_coords,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };

但这种方法似乎已经停止使用，现在我只需要在 Google 地图中显示我想要的地图，点击分享/嵌入，然后将其粘贴到我的网页中：

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2918.706970104127!2d-81.24853538494362!3d42.98444597914988!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882ef18a6b73ed7f%3A0x570f72a4737585d6!2s251+Dundas+St%2C+London%2C+ON+N6A+6H9!5e0!3m2!1sen!2sca!4v1556807969289!5m2!1sen!2sca" width="800" height="600" style="border:2px dotted blue"></iframe>

问题在于它非常神秘。如何使它将缩放级别更改为 7 或 13 或其他？

不要误会我的意思：如果这意味着我不需要为 JavaScript 操心——我只是为了这个目的而使用它——那就太好了。但我不知道如何解析大部分长字符串，尤其是缩放。

【问题讨论】：

相关问题：Decoding the Google Maps embedded parameters

标签： html google-maps

【解决方案1】：

事实证明，我一直在努力解决这个问题，我最终意识到了这一点。

如果我想要同一个地方的三张地图，每张地图都缩放到不同的级别，我只需要：

转到谷歌地图。就我而言，就是http://maps.google.ca。
搜索我想要的地址。就我而言，那是 251 Dundas St. London, Ontario, Canada。
将地图缩放到我想要的第一张地图级别。
点击分享。
点击“嵌入地图”。
在出现的对话框中，单击我想要的地图大小（默认为“中”，但我也可以选择“小”、“大”和“自定义”），然后单击“复制 HTML”按钮。
将该 URL 粘贴到我的文档中。
重复第 3 步，将缩放更改为第二级，然后重复第 4 步到第 7 步。
重复第 3 步，将缩放更改为第三级，然后重复第 4 步到第 7 步。

【讨论】：

【解决方案2】：

我也有同样的problem setting the zoom level，所以我玩弄了一下，弄明白了。

添加一个缩放参数（例如，zoom=4）曾经有效，但不适用于当前的嵌入代码。

在分享中调整缩放不起作用，所以诀窍是在打开分享窗口之前调整大地图窗口中的缩放。

【讨论】：