2015-12-19 27 views
1

我似乎遇到了與聚合物的數據綁定到google-map和google-map-marker元素的問題。如果我嘗試使用下面的綁定,則latilong的更改不會傳播到地圖元素。任何想法如何解決數據綁定問題?聚合物<google-maps>數據綁定

地圖element.dart

@PolymerRegister('map-element') 
class MapElement extends PolymerElement{ 

    // Variables 
    @property double lati = -33.9258400; 
    @property double long = 18.4232200; 

    //Constructor 
    MapElement.created() : super.created(){} 

    @Listen('on-click') 
    void updateLoc(Event aevent, Map details) 
    { 
    lati = -33.925; 
    long = 19.0; 
    } 

地圖element.html

<dom-module id="map-element"> 
    <template> 
    <google-map latitude="[[lati]]" longitude="[[long]]" id="map1"> 
    </google-map> 
    <paper-toolbar> 
     <paper-button on-click="updateLoc">Focus</paper-button> 
    </paper-toolbar> 
    </template> 
</dom-module> 

回答

0

您需要使用聚合物API更新屬性值聚合物識別更改

set('lati', -33.925); 
set('long', 19.0); 
+0

非常感謝!你能否指點我的文檔來更好地理解它的工作原理? – matdehaast

+0

這裏的列表更新方法被提及Darr https://github.com/dart-lang/polymer-dart/wiki/properties#list-observation,否則請參閱https://www.polymer-project.org/1.0/文檔/ devguide /數據binding.html#設定路徑 –