传单标记+信息弹出窗口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数据

回答

相关问题