Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 使用Angular UI在页面加载时向Google地图添加位置_Angularjs_Angular Ui - Fatal编程技术网

Angularjs 使用Angular UI在页面加载时向Google地图添加位置

Angularjs 使用Angular UI在页面加载时向Google地图添加位置,angularjs,angular-ui,Angularjs,Angular Ui,感谢@AJoslin,我现在有了一个只使用AngularUI和AngularJS的谷歌地图 不幸的是,有两件事我不知道该怎么做,这可能与谷歌地图API和我对地图的理解不足有关 最初加载地图时,我已经有了一个位置,因此我希望加载地图时,地图上已经有一个标记。我该怎么做 我还希望将ng click=“myMap.panTo(marker.getPosition())设置为初始位置,而不是设置为新的标记,这是我删除添加标记功能后唯一的一个标记,一旦我能找到这个标记 这是正在工作的jsfiddle 我认

感谢@AJoslin,我现在有了一个只使用AngularUI和AngularJS的谷歌地图

不幸的是,有两件事我不知道该怎么做,这可能与谷歌地图API和我对地图的理解不足有关

最初加载地图时,我已经有了一个位置,因此我希望加载地图时,地图上已经有一个标记。我该怎么做

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

这是正在工作的jsfiddle


我认为应该通过设置tilesloaded事件来实现,但没有这样做,因此我使用了一个简单的“技巧”,等待myMap出现

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

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

如果您将映射本身指定为参数,则会将其传递给回调。好的,在我的示例中,我只是使用了一个函数,但正确的示例应该使用:)工作起来很有魅力。谢谢mojzis!