代码之家 › 专栏 › 技术社区 › Md. Nashir Uddin Tanmay Maheshwari

AGM(角度谷歌地图)的箭头符号(折线)

google-polyline angular-google-maps angular6

0

Md. Nashir Uddin Tanmay Maheshwari · 技术社区 · 7 年前

在angular 6中,我使用agm折线的流动代码。 https://developers.google.com/maps/documentation/javascript/examples/overlay-symbol-arrow )在检票机折线。但编译器显示错误,例如不能绑定到“icon”,因为它不是“agm polyline”的已知属性。。。。

<agm-polyline [strokeColor]="color" [icon]="icon"  >
          <agm-polyline-point  *ngFor="let marker of markers ; let i=index"  [latitude]="marker.lat" [longitude]="marker.lng">
          </agm-polyline-point>

        </agm-polyline>

对于agm折线箭头符号(折线),我应该怎么做?

0 回复 | 直到 7 年前

1

0

Ujjwal Sharma 6 年前

agm使用[iconUrl]而不是[icon]。请尝试这样做,然后在.ts文件中设置Url,如下所示:


  public icon = {
    url: 'http://earth.google.com/images/kml-icons/track-directional/track-4.png',
    scaledSize: {
      width: 30,
      height: 30
    }
}

2

0

Rambabu Padimi 6 年前

<agm-polyline [strokeColor]="'red'" [strokeWeight]="'1.5'">
                                        <agm-icon-sequence [fixedRotation]="false"
                                            [repeat]= "'50px'"
                                            [offset]="100" 
                                            [path]="'FORWARD_OPEN_ARROW'">
                                        </agm-icon-sequence>
                                        <agm-polyline-point *ngFor="let line of circles_path" 
                                        [latitude]="line.lat"
                                        [longitude]="line.long" >
                                        </agm-polyline-point>
                                    </agm-polyline>