在标记's上显示窗口点击Angular谷歌地图

Show window on Marker's click in Angular Google Maps

本文关键字：窗口 显示 谷歌地图 Angular      更新时间：2023-09-26

我使用http://angular-google-maps.org/api以便与谷歌地图一起工作。到目前为止，我能够显示标记，但不知何故，我无法显示单击时的窗口。

<markers models="markers" coords="'last_known_location'" icon="'icon'" click="'onClicked'">
    <windows show="'showWindow'" closeClick="'closeClick'" ng-cloak>
                <p ng-non-bindable style="width:200px">{angular{ options.title }angular}</p>
                <p ng-non-bindable>{angular{ latitude | number:4 }angular}, {angular{ longitude | number:4 }angular}!</p>
    </windows>
</markers>

可以看到，它使用showWindow属性来显示窗口

我通过

将它添加到每个标记中
angular.forEach($scope.markers,function(marker){
        marker.closeClick = function() {
          marker.showWindow = false;
          $scope.$apply();
        };
        marker.onClicked = function(){
          alert(marker.id);
          onMarkerClicked(marker.id);
        };
 });

警告显示在点击，和

var onMarkerClicked = function(marker){
  marker.showWindow = true;
  $scope.$apply();
}

属性也改变了，但是窗口没有显示。

任何想法?由于

你的代码实际上在这里工作得很好…

问题是你通过了标记。id到onMarkerClicked，而不是标记本身…

同样，我不需要$scope.$apply()来使它工作…

现在我正试图找出如何访问窗口标签内的模型obj…

相关文章：