Question

我想在我网站的三个不同页面上以同一点为中心嵌入三个不同的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 Maps中显示我想要的地图，单击Share / Embed，然后将其粘贴到我的网页中：

<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（我只是出于这一目的而使用），那就太好了。但是我不知道如何解析大多数长字符串，尤其是缩放。

有人可以帮我解决这个问题吗？

Answer 1

事实证明，我一直在努力，直到最后我才意识到。

如果我要在同一地点绘制三张地图，每张地图都缩放到不同的级别，我只需要：

转到Google地图。就我而言，就是http://maps.google.ca。
搜索我想要的地址。就我而言，那是加拿大安大略省敦达斯街251号。
将地图缩放到我想要的第一张地图的水平。
单击“共享”。
点击“嵌入地图”。
在出现的对话框中，单击我想要的地图大小（默认为“中”，但我也可以选择“小”，“大”和“自定义”），然后单击“ COPY HTML”按钮。
将该URL粘贴到我的文档中。
重复步骤3，将缩放比例更改为第二级，然后重复步骤4至7。
重复步骤3，将缩放比例更改为第三级，然后重复步骤4至7。

Answer 2

我有相同的problem setting the zoom level，所以我玩弄了一下，弄清楚了。

添加可以使用的zoom参数（例如zoom = 4），但不适用于当前的嵌入代码。

调整共享的缩放不起作用，因此窍门是在打开共享窗口之前在大地图窗口中调整缩放。

如何解析Google地图嵌入代码，以便更改缩放比例？

2 个答案: