从外部 api url 向谷歌地图添加标记？

Question

我需要从 api 的 url 中添加谷歌地图地图中的所有标记，例如 http://192.168.99.100:8080/api/v1/location 这个 url 显示：

[{"nid":"23","title":"Acopio en xalapa","created":"1478207996","modified":"1478207996","body":"Acopio en xalapa","cover":"http:\/\/192.168.99.100:8080\/sites\/default\/files\/styles\/original\/public?itok=GVqc4SZo","category":{"title":"Centro de acopio","detail":""},"address":"Venustiano carranza xalapa, veracruz","lat":"-123.1465","lng":"49.3026"},{"nid":"19","title":"Sucursal 1","created":"1476996732","modified":"1477666258","body":"esta es una sucursal muy bonita","cover":"http:\/\/192.168.99.100:8080\/sites\/default\/files\/styles\/original\/public?itok=GVqc4SZo","category":{"title":"Sucursal","detail":""},"address":"Av tripulacion #34, col. nolose","lat":"-123.146567","lng":"49.302600"}]

我必须根据该 url 生成的 json 的纬度 (lat) 和长度 (lng) 显示地图中的所有标记。

感谢您的帮助。

Answer 1

您的内容似乎是一个对象数组，然后假设您的结果 url 分配在名为 my_var 的 var 上，您可以通过这种方式访问​​

 my_var[0].nid  // 23
 my_var[0].title// Acopio en xalapa
 .....
 my_var[0].address // Venustiano carranza xalapa, veracruz
 my_var[0].lat  // -123.1465
 my_var[0].lng  // 49.3026

 my_var[1].nid  // 19
 my_var[1].title// Sucursal 1
 .....
 my_var[1].address // Av tripulacion #34, col. nolose
 my_var[1].lat  // -123.146567
 my_var[1].lng  //49.302600

假设您能够创建地图，您可以使用标记填充地图

var markers = [];

for (i=0; i<my_var.length; i++){
  markers[i] = new google.maps.Marker({
    position: new google.maps.LatLng( my_var[i].lat, my_var[i].lng),
    map: image
  });