2016-11-09 42 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