Question

首先，我是ember.js的新手，我刚刚在网站上完成了教程，我相信我可以用它来创造我想要的东西。

我有一个带有数组对象的xy.json。这些对象包含：纬度，经度和更多信息。现在.json中的每个对象都应该在谷歌地图上有标记，并且导航会在地图上居中并为右视图创建一个URL。

我相信我需要两个车把模板（应用程序和索引）。应用导航和地图索引。

现在我需要将数据（.json）放入模块并循环遍历它。

For objects in Objects 
    ....
end

但我不知道如何创建中心谷歌地图的链接并将标记放在地图上。

感谢任何帮助让我朝着正确的方向开始。＆GT; _＆LT; 感谢

Answer 1

我建议创建一个实现地图的Ember Component。要配置标记并将其添加到地图，您需要在didInsertElement中实施Component。如果你这样做：

App.GoogleMapComponent = Ember.Component.extend({
    didInsertElement: function() {
        var map = Ember.$(this.get('element'));
        // ... configure map ...
    }
});

然后在您的模板中，您可以使用：

{{#each loc in model}}
    {{google-map location=loc}}
{{/each}}

如何使用ember.js从.json创建一个谷歌地图

1 个答案: