Can'；不要让地图和Meteor一起工作_Meteor_Handlebars.js_Leaflet

Can'；不要让地图和Meteor一起工作

meteor leaflet

Can'；不要让地图和Meteor一起工作,meteor,handlebars.js,leaflet,Meteor,Handlebars.js,Leaflet,试图学习流星，用他们的例子。我添加了JS代码示例来测试地图，但我似乎无法让它工作。我甚至没有收到任何错误。下面是parties示例，它在普通html页面中工作。这是因为把手吗？如果有人知道任何问题，那就太好了。谢谢 <head> <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" /> <script src="http://cdn.leafletj

试图学习流星，用他们的例子。我添加了JS代码示例来测试地图，但我似乎无法让它工作。我甚至没有收到任何错误。下面是parties示例，它在普通html页面中工作。这是因为把手吗？如果有人知道任何问题，那就太好了。谢谢

<head>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
  <script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>

  <title>Wishes</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
  {{> page}}

  <div id="wishmap" style="height:400px;"></div>

  <script>
    var mapa = L.map('wishmap').setView([51.505, -0.09], 13);

    L.tileLayer('http://{s}.tile.cloudmade.com/28cc49f16f1747ebae3100fb3d32f05a/997/256/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
    maxZoom: 18
}).addTo(mapa);

  </script>
</body>


祝愿
{{>page}
var mapa=L.map（'wishmap'）.setView（[51.505，-0.09]，13）；
L.tileLayer（'http://{s}.tile.cloudmake.com/28cc49f16f1747ebae3100fb3d32f05a/997/256/{z}/{x}/{y}.png'{
属性：“地图数据©；贡献者，图像©”，
最大缩放：18
}).addTo（mapa）；

为地图制作单独的模板-

<template name="myWishmap">
  {{#constant}}
    <div id="wishmap" style="height:400px;"></div>
  {{/constant}}
</template>

您不需要

{{{constant}}

块，并且在新的Meteor模板引擎（Meteor 1.0）发布后创建的rendered once hack也可以使用-Atmospher Meteor包控件安装传单贴图包

许多其他软件包已经开发出来，可以在Atmosphere上使用。

谢谢@NathanM。但如果地图位于“创建渲染一次”块中，我如何利用Meteor的反应性。通过这种方式，映射可以正常工作，但对映射的任何更新都不会传播到此映射的所有其他浏览器。如果您的数据位于集合中，请发布到客户端。您可以设置一个

集合。在同一个钩子中观察，该钩子监视新项目添加的、更改的或删除的。在Callbacks中，您可以根据需要添加或删除标记。-我已经用这种方式构建了一个反应画布和一个反应日历。
Template.myWishmap.created = function(){
  Template.myWishmap.rendered = _.once(function(){
    var mapa = L.map('wishmap').setView([51.505, -0.09], 13);

    L.tileLayer('http://{s}.tile.cloudmade.com/28cc49f16f1747ebae3100fb3d32f05a/997/256/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
        maxZoom: 18
    }).addTo(mapa);
  });
}

{{> myWishmap}}