我有一张带有街景全景图、一个信息窗口和一个可拖动标记的 map 。拖动标记后,函数会请求 getPanoramaByLocation 以查看 View 服务是否可用。如果不是,它将关闭信息窗口。这很好,但是当我再次单击标记时,信息窗口不再打开。请问你知道有什么问题吗?
发送
var sv = new google.maps.StreetViewService();
function initialize() {
var optionMap = {
zoom: 13,
center: new google.maps.LatLng(47.390251,0.68882),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var myMap = new google.maps.Map(document.getElementById("mapDiv"), optionMap);
var optionsMarker = {
position: new google.maps.LatLng(47.390251,0.68882),
map: myMap,
draggable: true,
title: "my marker"
}
var marker = new google.maps.Marker(optionsMarker);
var infowindowDiv = '<div id="streetview" style="width:300px;height:200px;"' +'</div>';
var infoWindow = new google.maps.InfoWindow({
content: infowindowDiv,
position: myMap.getCenter() });
google.maps.event.addListener(marker, 'click', function() {
infoWindow.open(myMap, marker);
});
google.maps.event.addListener(infoWindow, 'domready', function() {
var panorama = new
google.maps.StreetViewPanorama(document.getElementById("streetview"));
panorama.setPosition(infoWindow.getPosition());
google.maps.event.addListener(marker, 'dragend', function(event) {
sv.getPanoramaByLocation(event.latLng, 50, processSVData);});
function processSVData(data, status) {
if (status == google.maps.StreetViewStatus.OK) {
var markerPanoID = data.location.pano;
// Set the Pano to use the passed panoID
panorama.setPano(markerPanoID);
panorama.setPov({
heading: 270,
pitch: 0,
zoom: 1
});
panorama.setVisible(true);
}
else {
infoWindow.close();
infoWindow = null;
};
}
});
}
最佳答案
来自 GMaps API 文档:
close() None Closes this InfoWindow by removing it from the DOM structure.
https://developers.google.com/maps/documentation/javascript/reference#InfoWindow
所以......如果你关闭信息窗口,它就消失了。永远。如果你真的通过说“infoWindow = null;”来确保它消失了,那就更是如此了。你必须做一个新的。我的建议是重构您的代码以拥有一个单独的函数,该函数可以按需创建信息窗口并返回它。在您的点击事件定义中,检查 infowindow 是否为空,如果是,则获取一个新的。
HTH
关于javascript - 在谷歌 map 中关闭后重新打开信息窗口,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10656351/