使用Angular UI在页面加载时向Google Map添加位置

时间:2013-04-19 21:23:34

标签: angularjs angular-ui

感谢@AJoslin,我现在只使用AngularUI和AngularJS进行谷歌地图。

不幸的是,有两件事我无法弄清楚如何做,这可能与Google Map API有关,而且我对此缺乏了解。

当地图最初加载时,我已经有了一个位置,所以我希望用它上面的标记加载它。我该怎么做?

我还希望将ng-click="myMap.panTo(marker.getPosition())设置为不是新的标记,而是设置为初始位置,这是我删除添加标记功能后唯一的标记,一旦我能想到这个进行。

这是工作的jsfiddle

http://jsfiddle.net/jorgecas99/xMw6U/

1 个答案:

答案 0 :(得分:3)

我认为应该可以通过设置tilesloaded事件来实现,但是没有这样管理,所以我最终使用了一个简单的“技巧”,看着myMap出现。

  $scope.$watch('myMap', function(){
    $scope.setHome();
  });

  $scope.setHome = function() {
    $scope.homeMarker = new google.maps.Marker({
    map: $scope.myMap,
    position: $scope.mapOptions.center
  });
  }