Polymer 1,0/листовка-карта 1,0: широта/долгота не обновляется на события moveend

Question

У меня есть элемент карты в сечении HTML-страницы с помощью Polymer 1,0 и листком-карта 1.0:

  <section data-route="Page"> 
      <div flex> 
       <my-maps id="mymap" flex></my-maps> 
      </div> 
     </section> 

Я пытаюсь для добавления события к элементу, который будет пропускать координаты центра/оси в окно консоли в любое время, как показано на примере: Polymer Leaflet demo

Проблема в том, что Lat/Длинные координаты не обновляются; Я вижу только центральные координаты стартовой центральной точки. Карта должна открываться изначально по центру с географической точкой, с маркером в этой точке. Я пытался добавить сценарий событий на главной странице индекса, и к регистрации элемента, как так:

<script> 
    Polymer({ 
    is: "my-maps", 
     ready: function() { 
     L.Icon.Default.imagePath="../../bower_components/leaflet/dist/images"; 
    }, 

    listeners:{ 
     'moveend': 'testmove' 
     }, 
    testmove: function(e){ 
     var text = "Center: " + this.latitude.toFixed(9) 
          + ", " + this.longitude.toFixed(9); 
     console.log(text); 
     } 

}); 
</script> 

... Но я получаю тот же результат в обоих случаях; событие срабатывает, но только начальные координаты центральной точки передаются на консоль.

Вот HTML для моих-карт элемента:

<dom-module id="my-maps"> 
<style> 
:host { 
    height: 100%; 
     width:100%; 
     overflow:hidden; 
    } 
leaflet-map { 
    position:absolute; 
     height: 900px; 
     width:100%; 
     overflow:hidden; 
    } 
</style> 
<template> 
    <leaflet-map latitude="{{latitude}}" longitude="{{longitude}}" zoom="14"> 
    <leaflet-geolocation enable-high-accuracy latitude="{{latitude}}" longitude="{{longitude}}"> 
    </leaflet-geolocation>  
     <template is="dom-if" if="{{latitude}}"> 
     <leaflet-marker latitude="{{latitude}}" longitude="{{longitude}}">     
     </leaflet-marker> 
     </template> 
    </leaflet-map> 
</template> 

(Polymer registration here) 
</dom-module> 

Я попытался добавить слушатель в листовке-карте тег, а также (на moveend), и я попытался переместить регистрацию внутри и снаружи dom-module, но тот же результат. Я добавил идентификатор к карте и назначил этот лат и длинный для этого экземпляра, как предлагает Рикки, но теперь точка геолокации перемещается в центр на каждой карте (там, где она должна оставаться на геолокационной точке.)

Answer 1

Я по существу ответил на мой вопрос расширенного here. Мое решение включало в себя редактирование самого элемента листка-карты, добавив одноразовый слушатель для начальной широты и долготы, если задан геолокатором. Если геолокатор не работает, карта перемещается в положение по умолчанию. Я удалил свойство широты и долготы из тега элемента листа листка в моем пользовательском элементе карты.

Answer 2

Чтобы сделать маркер остается на географической локализации точки, но обновить центр со-ords, просто добавьте id к leaflet-map и захватить атрибуты latitude и longitude:

<leaflet-map id="map"> 

... 

testmove: function(e) { 
    var text = 'Center: ' + this.$.map.latitude.toFixed(9) 
         + ', ' + this.$.map.longitude.toFixed(9); 
    console.log(text); 
}