web-dev-qa-db-ja.com

angular google mapsで地図を最初にズームする方法

使っています agm/coreマップの座標を表示します。以下のコードがあります

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

ビューはこれです：

enter image description here

しかし、私は最初にこのように通りを見せたいです：

enter image description here

どうやってするか？

angulargoogle-mapstypescriptgeolocationangular-google-maps
5
user8653311

ズームと中央の属性を設定します。例えば。

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

中心は通常、どのレベルに集中するかを指定することで、それに応じてズームレベルを変更します

6
Esco

Agm-mapの更新では、centerディレクティブはサポートされなくなりました。代わりに、ズームと緯度と長さを使用してください。

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