webcomponents: mehrere marker nicht zu google map web komponenten hinzugefügt

Question

ich versuche google map webcomponents zu verwenden und ich versuche, mehrere markierungen zum lat hinzufügen, longs stand ich folgte der frage creating a google map with marker using web-component ich habe versucht, mehrere marker aber die marker nicht

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="../../bower_components/google-apis/google- 
    apis.html"> 
    <link rel="import" href="../../bower_components/google-map/google- 
    map.html"> 
    <dom-module id="map-view"> 
    <template> 
    <google-map map="{{map}}" disableDefaultUI fitToMarkers> 
     <template is="dom-repeat" items="{{marker}}"> 
      <google-map-marker map={{map}} latitude="{{item.latitudine}}" 
      longitude="{{item.longitudine}}"> 
      </google-map-marker> 
     </template> 
    </google-map> 
    </template> 
    <script> 
    Polymer({ 
    is:'map-view', 
    properties:{ 
    marker:{ 
    type:Array 
    } 
    }, 
    ready: function() { 
     this.marker = [ 
      {latitudine: '41.223596', longitudine: '16.296087'}, 
      {latitudine: '41.222450', longitudine: '16.291259'} 
     ]; 
    } 
    }); 
</script> 

</dom-module> 

hinzugefügt zu werden, und ich bin mit in einem anderen div Karte-Ansicht, aber ich bin nicht in der Lage mehrere Marker

kann jeder zeigen jsfiddle, wie man hinzufügen mehrere Marker googlemap WebComponents zu bekommen?

Answer 1

Der obige Code funktioniert einwandfrei. Sie sehen eine Karte von USA und Ihre Markierungen zeigen nach Italien. Verkleinern und einchecken in Europa.

Wenn Sie den Standard mögen Ansicht in der Nähe Ihres Marker ändern, können Sie auch geografische Breite und Länge in google-map Elemente festgelegt. Wie <google-map map="{{map}}" latitude="41.223596" longitude="16.296087" disableDefaultUI fitToMarkers>. Ich benutze eine der Positionen, die du zur Verfügung gestellt hast. Sie können den nächsten Breiten- und Längengrad verwenden.