google-maps - webcomponents：多个标记未添加到谷歌地图网络组件中

Question

我正在尝试使用google map webcomponents，并且我正在尝试向 lat、longs 位置添加多个标记

 <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>

我在另一个 div 中使用地图视图，但我无法获得多个标记

任何人都可以展示 jsfiddle 如何向 googlemap webcomponents 添加多个标记吗？

Answer 1

上面的代码完美运行。您正在查看美国地图，您的标记指向意大利。缩小并检查欧洲。

如果要更改标记附近的默认视图，也可以在google-map元素中设置纬度和经度。喜欢<google-map map="{{map}}" latitude="41.223596" longitude="16.296087" disableDefaultUI fitToMarkers>。我正在使用您提供的职位之一。您可以使用最近的纬度和经度。