如何最初在角度谷歌地图中缩放地图

Posted 2023-02-23

【中文标题】如何最初在角度谷歌地图中缩放地图

【英文标题】：how to initially zoom a map in angular google maps

【发布时间】：2018-03-22 03:28:12

【问题描述】：

我使用agm/core 来显示地图的坐标。我有下面的代码

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

视图是这样的：

但我想最初显示这样的街道：

怎么做？

【参考方案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>

【讨论】：

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

是的，您必须从标记列表中剪下最高的最低海拔管和最高经度。你不必再平均它们了。您所要做的就是将最低纬度放在纬度地图上（不是 agm 标记，而是 agm 地图）。和 agm-map 的最高经度。无论您拥有何种缩放级别，它都会自动居中并自行调整。

【参考方案2】：

设置缩放和居中属性。例如。

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

center 通常是指定你想要集中在哪个区域，根据它改变缩放级别

【讨论】：

谢谢。哈哈，这很容易哈哈

对我来说，在像这样 [zoom]="10" 的缩放中添加括号时它起作用了，还要注意我在使用 [center]="LAT, LONG" 时遇到错误，所以我坚持这个 [latitude]="lat" [longitude]="lng"

与@S.Domeng 相同。在缩放属性上添加括号解决了它。

agm-map 没有 [center] 输入

【参考方案3】：

为中心地图位置添加 usePanning attr [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