Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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
Javascript 谷歌地图上只显示第一个信息窗口_Javascript_Angularjs_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图上只显示第一个信息窗口

Javascript 谷歌地图上只显示第一个信息窗口,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,为什么谷歌地图上只显示第一个(只有一个)信息窗口?我要所有的固定地址显示信息窗口 我已经在寻找答案,比如,和,但仍然没有运气 这是我的密码 $scope.initialise = function(){ $http.get('http://remoteapi.com/' + $scope.name) .success(function(data) { var myLatlng = new google.maps.LatLng

为什么谷歌地图上只显示第一个(只有一个)信息窗口?我要所有的固定地址显示信息窗口

我已经在寻找答案,比如,和,但仍然没有运气

这是我的密码

  $scope.initialise = function(){

    $http.get('http://remoteapi.com/' + $scope.name)
        .success(function(data) 
        {
            var myLatlng = new google.maps.LatLng(8.4844173, 124.6526134);
            var mapOptions = {
                center: myLatlng,
                zoom: 10,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("map"), mapOptions);

            for( var i in data ) {
                var position = new google.maps.LatLng(data[i].lat, data[i].lon);

                marker = new google.maps.Marker({
                    position: position,
                    map: map,
                    content: data[i].description
                });

                var infowindow = new google.maps.InfoWindow({
                  content: "<img style='max-width:50px;max-height50px;' src='images/"+data[i].image+"'>"
                  });

            }

            google.maps.event.addListener(marker, 'click', function() {
              infowindow.open(map,marker);
              });
            infowindow.open(map,marker);
        });

  };

  google.maps.event.addDomListener(document.getElementById("map"), 'load', $scope.initialise());
$scope.initialise=function(){
$http.get('http://remoteapi.com/'+$scope.name)
.成功(功能(数据)
{
var myLatlng=new google.maps.LatLng(8.4844173124.6526134);
变量映射选项={
中心:myLatlng,
缩放:10,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map”)、mapOptions);
用于(数据中的var i){
var position=new google.maps.LatLng(数据[i].lat,数据[i].lon);
marker=新的google.maps.marker({
职位:职位,,
地图:地图,
内容:数据[i].说明
});
var infowindow=new google.maps.infowindow({
内容:“”
});
}
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});
信息窗口。打开(地图、标记);
});
};
google.maps.event.addDomListener(document.getElementById(“map”),“load”,$scope.initialise());

仅创建一个信息窗口(在for循环之外)。然后在marker click事件侦听器中使用
.setContent()
方法。示例:抱歉,我无法理解。你介意提供一小段吗?我不介意。就在你最后的评论上面…;-)