如何在Angular Google Maps中初始缩放地图

Question

我正在使用agm/core显示地图的坐标。以下是我的代码：

<agm-map [latitude]="10.3207886" [longitude]="123.90250049999997">
    <agm-marker [latitude]="10.3207886 [longitude]="123.90250049999997"></agm-marker>
</agm-map>

这是观点：

但我想一开始显示街道如下所示：

要怎么做？

- user8653311

Answer 1

agm-map的更新不再支持中心指令，使用缩放和纬度和经度代替。

<agm-map [zoom]="13"  [latitude]="127.1" [longitude]="141.1">
                <agm-marker [latitude]="127.1" [longitude]="141.1"></agm-marker>
</agm-map>

- Aizen

---

我有一个需求，需要根据初始加载中的标记数（标记）动态设置缩放级别。即初始缩放级别应捕获所有标记（可能是5、10、15等...）。这是否可能？ - devC

是的，您必须从标记列表中剪切最高和最低海拔以及最高经度。您不再需要对它们进行平均处理。您所要做的就是将最低纬度放到纬度地图上（而不是agm-marker而是agm-map），并将最高经度放到agm-map上。它会自动居中和调整自己，无论您选择什么缩放级别。 - Aizen

Answer 2

设置缩放和中心属性。例如：

<agm-map zoom="8" [center]="10.3207886, 123.90250049999997">
    <agm-marker [latitude]="10.3207886" [longitude]="123.90250049999997"></agm-marker>
</agm-map>

Center通常用于指定您想要聚焦的区域，根据它更改缩放级别。

- Esco

---

谢谢。哈哈，那很容易啊。 - user8653311

对我来说，在zoom里添加括号就像这样[zoom]="10"是有效的。注意，当我使用[center]="LAT, LONG"时会出现错误，所以我坚持使用这个[latitude] = "lat" [longitude] = "lng"。 - SMPLYJR

和 @S.Domeng 一样。在缩放属性上添加括号解决了这个问题。 - Diemauerdk

agm-map没有[center]输入。 - ConstantinEx

Answer 3

添加 usePanning 属性以实现地图居中 [usePanning]='true'

<agm-map [zoom]="13" [usePanning]="true" [latitude]="127.1" [longitude]="141.1">
    <agm-marker [latitude]="127.1" [longitude]="141.1"></agm-marker>
</agm-map>

这是来自agm的参考链接 https://angular-maps.com/api-docs/agm-core/components/agmmap#usePanning

- Suraj Parise