Question

我正在尝试使用infoWindow中的属性内容显示一些信息，以获取谷歌地图标记，如下所示：

<google-map-info content="{{marker.latLonTs.ts}}"></google-map-info>

但没有显示任何内容，我设法使用此代码显示它：

<google-map-info >
     <p>{{marker.latLonTs.ts}}</p>
</google-map-info>

但是当marker.latLonts.ts更新时，没有任何事情发生，我认为正确的绑定方式是使用content属性，但我应该遗漏一些东西。是否有任何其他聚合物元素可以使用而不是<p></p>来尝试正确绑定信息？感谢

添加了代码：

<google-map  zoom="6"  id="google_global_map" >
            <template repeat="{{marker in markers}}">   

                <google-map-marker id="google_global_map_marker" 
                    latitude="{{marker.latLonTs.lat}}" 
                    longitude="{{marker.latLonTs.lon}}" 
                    title="{{marker.nombre}}" 
                    icon="{{marker.latLonTs.icon}}">
                        <google-map-info >

                        <p>{{marker.latLonTs.ts}}</p>
                        </google-map-info>
                </google-map-marker>

            </template>
            </google-map>

<script>
Polymer('post-listMap',{

urlMap : [],
urlMapCacheUpdate : "http://m/sondas_map/cache/",
urlGetMapCache: "http://m/sondas_map/getCache/",
request : false,
requestCache: false,
ready: function(){

},
reqMapCache: function(){
    if(this.requestCache==false){

        this.$.ajaxGetMapCache.go();
        console.log('Cargando ubicaciones en cache...');
        this.requestCache = true;
    }


},

mapLoadCache: function(){

this.markersCache = this.$.ajaxGetMapCache.response;


        this.markers = this.markersCache;
        this.$.google_global_map.resize();
        this.$.google_global_map.latitude = 40.415349;
        this.$.google_global_map.longitude = -3.784403;
        document.querySelector('post-listMap').reqMap();
},

reqMap: function() {

    this.urlMap = "http://m/sondas_map/";

    this.$.ajaxMap.go();
    console.log('Cargando ubicaciones reales...');

},
mapLoad: function(){

    var tempMarkers = this.$.ajaxMap.response;
    this.markers = null;


    this.markers = this.markersCache;

    tempMarkers = JSON.stringify(tempMarkers);
    this.$.ajaxMapCacheUpdate.body = tempMarkers;

    this.$.ajaxMapCacheUpdate.go();

  }


 });
</script>

聚合物谷歌地图标记infoWindow内容没有显示

0 个答案: