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);
});
谢谢,真不敢相信我错过了。