如何使用ember.js从.json创建google地图

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

我有一个xy.json和一个对象数组。 这些对象包含：纬度、经度和一些其他信息。 现在，.json中的每个对象都应该在谷歌地图上有标记，并有一个导航，将视图集中在地图上，并创建一个指向右侧视图的url

---

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

现在我需要将数据（.json）放入一个模块中并在其上循环

For objects in Objects 
    ....
end

但我不确定如何才能创建指向谷歌地图中心的链接，并将标记放在地图上

感谢您的帮助，让我朝着正确的方向前进。>_<

---

谢谢

我建议创建一个实现映射的余烬

组件

。要配置并向地图添加标记，您需要在

组件中实现
didInsertElement
。如果您这样做：

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

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

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

一个组件是一个把手模板，我（像我通常会做的那样）在那里放置地图？我可以安全地放置在头部的地图所需的Javascript？如何将JSON保存在变量中，还是将JSON转换为对象更好？结构如下：
{{{each model}}
{{{place{u name}}}{{each program{u entries}}
{{title}{{{from{u to}}{description}
{p>{details}}
标签：{kind}
{hr>{each}}}你的评论中有很多问题！
组件
可能有也可能没有模板，这不是必需的。我展示的命名约定将起作用（
{{{googlemap}}
意味着
谷歌地图组件
）。至于你的其他问题，我建议你温习一下指南中的部分：你的其他问题应该在这里讨论。是的，我读了很多东西，但由于我对javascript也很不熟悉，所以我脑子里的每件事都有点乱。我想我在某个地方读到过“GoogleMapComponent”更像是一种命名约定，不需要对功能做任何事情。我知道，当我用标记定义映射时，我可以查看组件并查询导航栏的信息….（？）但是：首先我需要一个基本映射（如何加载api？），其次我需要json中的数据（如何将其解析为可用的标记）：D谢谢！我在前面发现了这一点，我想知道为什么它使用视图而不是组件，为什么我不能像示例中那样添加google地图–grunt/bower似乎删除了gruntfile中没有的任何源：（无论如何，谢谢你的链接，我将尝试研究一下，看看我能想出什么。余烬似乎有一个非常陡峭的学习曲线，我缺少一些指导，指导有很多信息，但我缺少一些对所有事实的解释…）；