Angular google 上传的地图 KML 图层未显示在 google 地图上：

Question

我在将 KML 上传到 AGM 时遇到问题（Angular Google 地图 API）。我已经使用全局 URL 的 KML 文件将 KML 图层添加到 AGM-Map。应用程序未出现任何错误，但 google 地图上未显示 KML。

我正在使用 Angular 5.2.9 和 "@agm/core": "^1.0.0-beta.3"

下面是代码片段。

<agm-map [latitude]="-24" [longitude]="135" [zoom]="5" (mapClick)="placeMarker($event)"  >                      
  <agm-marker [latitude]="r.Latitude" [longitude]="r.Longitude" *ngFor="let r of embargoViewModelListEnable; " [iconUrl]="location.icon"> 
  <agm-info-window>Latitude : {{r.Latitude}}, Longitude : {{r.Longitude}} PostCode :{{r.PostCode}}</agm-info-window></agm-marker>
  <agm-marker [latitude]="p.Latitude" [longitude]="p.Longitude" *ngFor="let p of embargoViewModelListDisable; "  [iconUrl]="location1.icon">
  <agm-info-window>Latitude : {{p.Latitude}}, Longitude : {{p.Longitude}} PostCode :{{p.PostCode}}</agm-info-window></agm-marker> 
  <agm-kml-layer [url]="'https://www.dropbox.com/s/3bndf59gz24aokg/PO_0800.kml?dl=0'"> </agm-kml-layer>                   
 </agm-map>

Answer 1

您的 KML 文件似乎无法从提供的 link (https://www.dropbox.com/s/3bndf59gz24aokg/PO_0800.kml?dl=0) 中公开下载。如果您在隐身模式 window 中打开 URL，您会看到 Dropbox 错误消息，这可能是 Maps API 所看到的，而不是获取 KML 文件。确保您的 KML 托管在可公开访问以供直接下载的 URL 上。

看起来 Dropbox 将通过将 dl= 参数更改为“1”来提供您需要的直接下载，如下所示： https://www.dropbox.com/s/3bndf59gz24aokg/PO_0800.kml?dl=1

Angular google 上传的地图 KML 图层未显示在 google 地图上：

Angular google maps uploaded KML Layer is not showing up on google map:

google-maps-api-3

angular5

kml

angular-google-maps