傳單標記+信息彈出窗口JSON數據

我目前在做與方式

L.marker([48.840346,2.319415]).addTo(map). 
    bindPopup("<b>X<b>"<img style='width: 100%' src='http://i.imgur.com/XMVjS1s.jpg'/></div> ",{minWitdh:256} ");

我要輸入所有通過自己的信息，這不是我想這樣做

的方式，但我有一個Data.json

{ 
     "title": "A", 
     "lat": 48.841491, 
     "long": 2.355989, 

    }, 
    { 
     "title": "B", 
     "lat": 48.878849, 
     "long": 2.312855, 
     },

我想要做這樣的

L.marker([lat,long]).addTo(map). 
    bindPopup("<b>title<b>"<img style='width: 100%' src='http://i.imgur.com/XMVjS1s.jpg'/></div> ",{minWitdh:256} ");

的東西來獲取所有數據，並使其作爲標記在我的地圖？

來源

2017-04-08 Taieb

由於您已經擁有本地json文件，因此您只需要下載帶有HTTP GET請求的json文件並使用for循環添加所有點。

我對Ionic2並不熟悉，所以我只是假設有一個方法Http.get()發送一個GET請求並返回一個帶有JSON數據的承諾。那麼你可以這樣做：

Http.get('local json file path') 
    .then((data) => { 
     // I assume there is an array in your json file 
     data.forEach((point) => { 
     L.marker([point.lat, point.long]) 
     .bindPopup("<b>" + point.title + "<b><img style='width: 100%' src='http://i.imgur.com/XMVjS1s.jpg'/>"); 
     .addTo(map); 
     }); 
    })；

來源

2017-04-09 18:48:58

傳單標記+信息彈出窗口JSON數據

回答

相關問題