2016-11-09 83 views
0

我需要从一个API的URL添加的所有标记在地图上的谷歌地图,例如http://192.168.99.100:8080/api/v1/location这个网址显示:从外部api 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"}] 

我必须表明基于纬度地图中所有的标记( lat)和由该url生成的json的长度(lng)。

感谢您的帮助。

回答

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 
    }); 
+0

嗨,@scaisEdge在每个my_var [0] .nid零的值将是索引[我]的for获取值?你可以告诉我一个更完整的例子请 – nashCode

+0

提供的答案是基于你的问题中的数据示例..在你的问题中,你只有2个元素(对象)在数组中,所以我已经发布my_var [0]和my_var [1]为你解释价值是如何获得的。但对于一个通用的解决方案..你可以正确迭代烤箱数组(循环)你可以访问每个元素使用my_var [我](其中我是迭代的索引)..我希望这可以澄清我的答案 – scaisEdge

+0

我明白,我的问题是基于URL http://192.168.99.100:8080/api/v1/location,我想显示所有的动态json的标记,并把它们放在地图上。在这个URL中,我可以从后端添加更多的lat和lng,所以我希望它是动态的,不仅限于示例中的那些。 – nashCode