1

我使用angular-google-maps 2.0.9 版在一页上显示两张地图，每张都有一个标记。但是 2 个标记显示在同一张地图中。任何的想法？

html：

<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options">
  <ui-gmap-marker coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id">
  </ui-gmap-marker>
</ui-gmap-google-map>
<ui-gmap-google-map center="map2.center" zoom="map2.zoom" draggable="true" options="options">
  <ui-gmap-marker coords="marker2.coords" options="marker2.options" events="marker2.events" idkey="marker2.id">
  </ui-gmap-marker>
</ui-gmap-google-map>

控制器.js：

  $scope.map = {center: {latitude: 40.1451, longitude: -99.6680 }, zoom: 4 };
  $scope.map2 = {center: {latitude: 40.1451, longitude: -99.6680 }, zoom: 4 };
  $scope.marker = {
      id: 0,
      coords: {
        latitude: 40.1451,
        longitude: -99.6680
      },
   };
   $scope.marker2 = {
      id: 1,
      coords: {
        latitude: 42,
        longitude: -99
      }
   }

戳这里

如果我删除第一个地图中的标记标签，marker2 会正确显示在 map2 中。

4

1 回答 1

2

用作解决方法。

我相信绑定存在问题，因为它只会在使用 .

工作示例： http ://plnkr.co/edit/DzPosZ85cMjs7hretr66?p=preview

<div class="map_canvas" ng-controller="mainCtrl">
  <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" >
    <ui-gmap-markers models='markers' coords="'coords'" options="marker.options" idkey="marker.id">
    </ui-gmap-markers>
  </ui-gmap-google-map>
  <ui-gmap-google-map center="map2.center" zoom="map2.zoom" draggable="true" >
    <ui-gmap-markers models="markers2" coords="'coords'" options="marker2.options" idkey="marker2.id">
    </ui-gmap-markers>
  </ui-gmap-google-map>
</div>
于 2014-12-09T00:42:07.040 回答