Javascript 传单贴图中的聚合物1.0自定义元素不工作

Javascript 传单贴图中的聚合物1.0自定义元素不工作,javascript,polymer,leaflet,web-component,Javascript,Polymer,Leaflet,Web Component,有人能解释一下为什么以下两个片段没有相同的效果/我在第二节做错了什么 正在工作(地图上有标记): 聚合物({ 是:“odl地图”, 就绪:函数(){ L.Icon.Default.imagePath=“/public/components/传单/dist/images”; } }); 但是,如果我只是用包含传单标记的自定义元素替换传单标记,它将不起作用: <dom-module id="contact-map-item"> <template> <le

有人能解释一下为什么以下两个片段没有相同的效果/我在第二节做错了什么

正在工作(地图上有标记):


聚合物({
是:“odl地图”,
就绪:函数(){
L.Icon.Default.imagePath=“/public/components/传单/dist/images”;
}
});

但是,如果我只是用包含传单标记的自定义元素替换传单标记,它将不起作用:

<dom-module id="contact-map-item">
<template>
    <leaflet-marker latitude="50.92062" longitude="13.34081"></leaflet-marker>
</template>
<script>
    Polymer({
        is: "contact-map-item"
    })
</script>
</dom-module>
<dom-module id="odl-map">
    <template>
        <leaflet-map id="innerMap" style="width:100%;height:100%;" latitude="50.92062" longitude="13.34081" zoom="10">
            <contact-map-item></contact-map-item>
        </leaflet-map>
    </template>
    <script>
     Polymer({
         is: "odl-map",
         ready: function() {
             L.Icon.Default.imagePath="./public/components/leaflet/dist/images";
         }
     });
    </script>
</dom-module>

聚合物({
is:“联系人地图项目”
})
聚合物({
是:“odl地图”,
就绪:函数(){
L.Icon.Default.imagePath=“/public/components/传单/dist/images”;
}
});

最终得到了一个非常干净的解决方案。问题在于,当完成加载时,映射将自己填充为“容器”(传单-core.html,方法registerMapOnChildren)。因此,我必须将容器对象添加到我的联系人映射项中,并将其传递给标记:

<dom-module id="contact-map-item">
<template>
    <leaflet-marker container="{{container}}" latitude="50.92062" longitude="13.34081"></leaflet-marker>
</template>
<script>
    Polymer({
        is: "contact-map-item",
        properties: {container : Object}
    });
</script>
</template>

聚合物({
是:“联系地图项目”,
属性:{容器:对象}
});

<dom-module id="contact-map-item">
<template>
    <leaflet-marker container="{{container}}" latitude="50.92062" longitude="13.34081"></leaflet-marker>
</template>
<script>
    Polymer({
        is: "contact-map-item",
        properties: {container : Object}
    });
</script>
</template>