Google maps api 3 街景进入信息窗口
我试图在信息窗口中显示街景视图,但我不明白,这是我的代码:有人知道怎么做吗 非常感谢您的光临Google maps api 3 街景进入信息窗口,google-maps-api-3,infowindow,google-street-view,Google Maps Api 3,Infowindow,Google Street View,我试图在信息窗口中显示街景视图,但我不明白,这是我的代码:有人知道怎么做吗 非常感谢您的光临 function createMarker(myLatlng) { var panoramaOptions = { position: myLatlng, pov: { heading: 34, pitch: 10, zoom: 1 } }; var panorama = new google.maps.S
function createMarker(myLatlng) {
var panoramaOptions = {
position: myLatlng,
pov: {
heading: 34,
pitch: 10,
zoom: 1
}
};
var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);
map.setStreetView(panorama);
var contentString = '<div id="pano" style="width:200px;height:200px;"></div>';
var image = '/artworks/icons/myMarker.png';
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "myTitle",
icon: image
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map,marker);
map.setCenter(myLatlng);
});
return marker;
}
函数createMarker(myLatlng){
变量全景选项={
职位:myLatlng,
pov:{
标题:34,
投球:10分,
缩放:1
}
};
var panorama=new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramoptions);
地图设置树视图(全景);
var contentString='';
var image='/artworks/icons/myMarker.png';
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
标题:“我的标题”,
图标:图像
});
google.maps.event.addListener(标记'click',函数(){
setContent(contentString);
信息窗口。打开(地图、标记);
地图设置中心(myLatlng);
});
返回标记;
}
我使用:
var contentString=''代码>
google.maps.event.addListener(标记“单击”,函数(){
infoWindow.open(mapStyled, marker);
var pano = null;
google.maps.event.addListener(infoWindow, 'domready', function () {
if (pano != null) {
pano.unbind("position");
pano.setVisible(false);
}
pano = new google.maps.StreetViewPanorama(document.getElementById("content"), {
navigationControl: true,
navigationControlOptions: { style: google.maps.NavigationControlStyle.ANDROID },
enableCloseButton: false,
addressControl: false,
linksControl: false
});
pano.bindTo("position", marker);
pano.setVisible(true);
});
google.maps.event.addListener(infoWindow, 'closeclick', function () {
pano.unbind("position");
pano.setVisible(false);
pano = null;
});
虽然我不能马上理解为什么你的代码不能工作。在我的例子中,这是在一个for循环中解析一个KML文件(从而为每个点创建一个新的弹出窗口和标记)
希望这有帮助
[编辑]反思一下,问题似乎是您将“pano”绑定到div,而不是它的内容。还记得取消绑定并重新绑定到不同的标记。您好Swires,它工作得很好,非常感谢!没问题,几个月前也有同样的问题,很乐意提供帮助。我在谷歌地图中找不到这个问题但我在这里找到了一个简单的解决方案:。
infoWindow.open(mapStyled, marker);
var pano = null;
google.maps.event.addListener(infoWindow, 'domready', function () {
if (pano != null) {
pano.unbind("position");
pano.setVisible(false);
}
pano = new google.maps.StreetViewPanorama(document.getElementById("content"), {
navigationControl: true,
navigationControlOptions: { style: google.maps.NavigationControlStyle.ANDROID },
enableCloseButton: false,
addressControl: false,
linksControl: false
});
pano.bindTo("position", marker);
pano.setVisible(true);
});
google.maps.event.addListener(infoWindow, 'closeclick', function () {
pano.unbind("position");
pano.setVisible(false);
pano = null;
});