如何在 angular google 地图中初始缩放地图

Question

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

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

观点是这样的：

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

怎么做？

Answer 1

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

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

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

Answer 2

agm-map 的更新不再支持中心指令。改用缩放和纬度和长。

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

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 的参考 link https://angular-maps.com/api-docs/agm-core/components/agmmap#usePanning

如何在 angular google 地图中初始缩放地图

how to initially zoom a map in angular google maps

google-maps

geolocation

typescript

angular-google-maps

angular