如何根据谷歌地图javascript上的多个地址而不是纬度和经度显示多个标记答案

【问题标题】：how to display multiple markers on basis of multiple address on google map javascript instead of latitude and longitude如何根据谷歌地图javascript上的多个地址而不是纬度和经度显示多个标记
【发布时间】：2019-09-05 06:43:17
【问题描述】：

这里我使用的是 Angular 7。我可以使用纬度和经度在地图上显示标记。有没有办法根据多个地址在地图上显示多个标记？

我能够在 agm 地图中使用地理编码 API 显示一个带有一个地址的标记，但无法在页面 init() 上显示带有多个标记的多个地址。

我打过电话 'https://maps.googleapis.com/maps/api/geocode/json' 带有参数和 API 密钥。此 API 将地址转换为 lat 和 lng 所以。

res["results"][0].geometry.location.lat
res["results"][0].geometry.location.lat

所以我可以获取一个地址的详细信息并显示在 agm 地图上。

这是我在 html 中使用的结构

 <agm-map [latitude]="latitide" [longitude]="langtitude" [zoom]="zoom">

 </agm-map>

API 数据：

this.markers = [
      {
          "Address": "London Business School",
          "title": "sharm el sheikh",
          "iconUrl": "yellow-dot",
          "label":"8/10"
      },
      {
          "Address":"University of Cambridge",
          "title": "Cairo",
          "iconUrl": "green-dot",
          "label":"7/10"
      },
      {
        "Address":"Imperial College London",
         "title": "Cairo",
        "iconUrl": "green-dot",
        "label":"7/10"
       },
       {
        "Address":"King's College London",
        "title": "Cairo",
        "iconUrl": "green-dot",
        "label":"7/10"
        }
  ]
  }

【问题讨论】：

标签： angular

【解决方案1】：

试试这样的

  <agm-map [latitude]="latitide" [longitude]="langtitude" [zoom]="zoom">
     <agm-marker [latitude]="lat1" [longitude]="lng1"></agm-marker>
     <agm-marker [latitude]="lat2" [longitude]="lng2"></agm-marker>
  </agm-map>

如果它是动态的，你也可以尝试循环

  <agm-marker
    *ngFor="let marker of markers"
    [latitude]="marker.lat"
    [longitude]="marker.lng">
  </agm-marker>

【讨论】：

但我在 json 数据中有地址。如何将所有地址转换为 lat 和 lng 并在 *ngFor 循环中显示。
好吧，我建议您更新问题以包含此问题和数据样本。
我已经更新了我的问题，在那里您可以看到 JSON 格式的 API 数据，地址以 json 格式给出，而不是 lat 和 lng。我想用标记在谷歌地图中显示的地址。
我在您的 JSON 数据中看不到任何经度和纬度。阅读您的问题的人除了您提供的内容外一无所知。但是 *ngFor="let marker of markers" 应该适用于您的 JSON