Javascript EmberJs中的动态Google/OSM/传单地图

Javascript EmberJs中的动态Google/OSM/传单地图,javascript,google-maps,ember.js,leaflet,Javascript,Google Maps,Ember.js,Leaflet,我遇到了这个问题,我可以像这样使用emberjs设置带有标记的地图 App.MapView = Ember.View.extend({ templateName : "map", didInsertElement : function(){ L.mapbox.accessToken = 'XXXXXXXXX'; var map = L.mapbox.map('map', 'XXXXXXX'); L.marker([lat, lng],{

我遇到了这个问题,我可以像这样使用emberjs设置带有标记的地图

App.MapView = Ember.View.extend({
    templateName : "map",
    didInsertElement : function(){
    L.mapbox.accessToken = 'XXXXXXXXX';
   var map = L.mapbox.map('map', 'XXXXXXX');

   L.marker([lat, lng],{
            icon: L.mapbox.marker.icon({'marker-symbol': 'post'})}).addTo(map);

}
});
但是,如何使用json数据集中的纬度和经度数据来使用EmberJs设置自定义地图生成器呢


虽然我更喜欢OSM和传单地图,但谷歌地图也不错。谢谢

也许你可以看看这个:

它应该能回答你所有的问题

否则,您可以使用组件执行此操作,如中所示: