1

即使我为 agm-maps 设置了选项,我也会在很短的时间内看到我的选项,然后它们都会消失。我无法理解这种行为。我创建了一个简单的项目来演示 Stackblitz 中的问题,我也将在这里分享我的代码。

  • 代码示例

地图.html:

<agm-map [latitude]="lat" [longitude]="lng"
(mapReady)="onMapReady($event)" 
>
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

maps.component.ts

  onMapReady(map: any) {
    this.map = map;
    this.map.setOptions({
      mapTypeControl: 'true',
      mapTypeControlOptions: {
        mapTypeIds: ['roadmap', 'hybrid'],
        position: google.maps.ControlPosition.TOP_LEFT,
        style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
      },
      fullscreenControl: true,
      streetViewControl: true
  });
}
  • 堆栈闪电战

https://stackblitz.com/edit/angular-agm-vvqbao?file=app/app.component.ts

  • 参考

https://github.com/SebastianM/angular-google-maps/blob/f9c23aa5d166ac7408f13891f6bfa2fc16026b19/packages/core/services/google-maps-types.ts#L431-L444


您可以在 Stackblitz 中看到,每当地图加载时,我的地图类型控件会在地图的左上角闪烁片刻,然后无缘无故消失。您可能不会在第一次尝试时意识到,您可以在查看地图左上角的同时刷新页面。

4

0 回答 0