Question

我想在meteor.js中渲染一个包含单个传单实例的小地图列表。但是，使用建议的Template.list.rendered回调只返回第一个list-element的一个实例。

HTML：

<template name="list">
    <div class="list-group">
    {{#each happening}}
        <div class="list-group-item">
            <p id="{{_id}}">  
                {{#constant}}
                  <br>
                    <div id="container" class="container">
                      <div id="map" class="map" style="height: 300px; width: 90%;"></div>
                    </div>
                {{/constant}}
            </p>    
        </div>  
    {{/each}}
    </div>
</template>

JS：

Template.list.rendered = function () {
   set up leaflet...
};

我认为渲染不是去往这里的方式吗？

Answer 1

如果没有看到您的代码，就很难调试。但是，听起来您的代码引用了id by id（在代码中不是唯一的），所以它只能在第一个div上工作。因此，如果您使地图div id唯一并依次引用它们，那么它应该可以工作。

这样的事情：

<div id="map_{{_id}}" class="map" style="height: 300px; width: 90%;"></div>

在Meteor中渲染多个Leaflet实例

1 个答案: