Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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_Google Maps_Infowindow - Fatal编程技术网

Javascript 在嵌入式谷歌地图上单独打开信息窗口

Javascript 在嵌入式谷歌地图上单独打开信息窗口,javascript,google-maps,infowindow,Javascript,Google Maps,Infowindow,我正在尝试将谷歌地图嵌入到一个网站上,并在地图上的单独标记上包含信息窗口。目前,我已经能够打开信息窗口,但不幸的是,当单击第一个标记时,两个窗口都会打开 需要找到一种方法来隔离信息窗口,并将它们链接到正确的标记 有人能帮忙吗?到目前为止,代码附在下面 <!-- map - --> <div id="map"></div> <script> functi

我正在尝试将谷歌地图嵌入到一个网站上,并在地图上的单独标记上包含信息窗口。目前,我已经能够打开信息窗口,但不幸的是,当单击第一个标记时,两个窗口都会打开

需要找到一种方法来隔离信息窗口,并将它们链接到正确的标记

有人能帮忙吗?到目前为止,代码附在下面

<!-- map - -->

                <div id="map"></div>
                <script>
                function initMap() {
                var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 4,
                 center: {lat: 47.852163, lng: 16.526384}

                 });



                 var contentString1= '<div id="content">'+
               '<div id="siteNotice">'+
                  '</div>'+
                 '<h1>Caravan Salon</h1>'+
                    '<div>'+
                  '<p>Messe Düsseldorf, Arena-Straße, GERMANY, 40474 </p>'+
                  '</div>'+
                  '</div>';

                 var infowindow1 = new google.maps.InfoWindow({
                 content: contentString1
                });
                    // Caravan Salon
                 var marker = new google.maps.Marker({
                position: {lat: 51.263620, lng:  6.735830},
                 map: map
                  });

                  marker.addListener('click', function() {
                 infowindow1.open(map, marker);
                    });






            var contentString= '<div id="content">'+
              '<div id="siteNotice">'+
                 '</div>'+
              '<h1 id="firstHeading" class="firstHeading">Thomas Gieger Pop up Caravans</h1>'+
              '<div id="bodyContent">'+
              '<p>Hummelbühel, 569 7000, Eisenstadt, Austria </p>'+       '</div>'+
              '</div>';


               var infowindow2 = new google.maps.InfoWindow({
                 content: contentString
                });
                 // Thomas Gieger 
                var marker2 = new google.maps.Marker({
                  position: {lat: 47.852163, lng: 16.526384},
                  map: map     

                     });
                    marker.addListener('click', function() {
                     infowindow2.open(map, marker2);
                     });
                    }
                 </script>







             <script async defer
                  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbKJArdmwTF9-_qQa10SovlgJO2kNRo9c&callback=initMap">
             </script>

函数initMap(){
var map=new google.maps.map(document.getElementById('map'){
缩放:4,
中心:{lat:47.852163,lng:16.526384}
});
var contentString1=''+
''+
''+
“商队沙龙”+
''+
“德国阿雷纳大街杜塞尔多夫展览馆,40474”+
''+
'';
var infowindow1=新建google.maps.InfoWindow({
内容:contentString1
});
//商队沙龙
var marker=new google.maps.marker({
位置:{lat:51.263620,lng:6.735830},
地图:地图
});
marker.addListener('click',function()){
信息窗口1.打开(地图、标记);
});
var contentString=''+
''+
''+
“托马斯·吉格突然出现在大篷车上”+
''+
“Hummelbühel,569 7000,奥地利艾森施塔特

”+“+ ''; var infowindow2=新建google.maps.InfoWindow({ 内容:contentString }); //托马斯·吉格 var marker2=新的google.maps.Marker({ 位置:{lat:47.852163,lng:16.526384}, 地图:地图 }); marker.addListener('click',function()){ 信息窗口2.打开(地图、标记2); }); }
您有一个输入错误:

marker.addListener('click', function() {
  infowindow2.open(map, marker2);
});
应该是:

marker2.addListener('click', function() {
  infowindow2.open(map, marker2);
});

谢谢,真不敢相信我错过了。