年度股东大会地图 |仅在绘制的多边形中添加标记

Question

问题描述
我将 AGM_MAP 图书馆用于 angular 网站，其中包含一张地图，可让有能力的用户 select 在地图上获取他们的订单地址。

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

Expected/desired 行为
最后我需要在那个用多边形显示的区域上添加一个标记。

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>

Answer 1

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

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

Stackblitz 样本

年度股东大会地图 |仅在绘制的多边形中添加标记

AGM MAP | Adding marker just in drawn Polygon

google-maps

angular-google-maps

angular