AGM MAP |仅在绘制的多边形

时间:2018-02-26 09:28:40

标签: angular google-maps angular-google-maps

问题说明
我将AGM_MAP库用于包含地图的角网站,以便能够用户在地图上选择地址以获取他们的订单。

当前行为
我的问题是当我在地图上添加多边形时,标记不能在多边形显示的区域上。但我可以在多边形外添加标记。

预期/期望的行为
最后,我需要在该区域添加一个标记,用多边形显示。

Html代码:

<agm-map [latitude]="lat" [longitude]="lng" [zoom]="14" (mapClick)="addMarker($event)">
  <agm-polygon [paths]="latlngBounds">
  </agm-polygon>
  <agm-marker *ngIf="isShowMarker" [latitude]="lat" [longitude]="lng" [label]="'M'">
  </agm-marker>
</agm-map>

screenshot from 2018-02-26 12-47-40

1 个答案:

答案 0 :(得分:2)

我注意到在多边形形状上添加标记我们必须将clickable属性设置为false,如下所示:

<agm-polygon [paths]="paths" [clickable]="false">
</agm-polygon>

Stackblitz示例