Javascript 无法使用google maps streetview API加载多个Photosphere
我正在尝试使用谷歌地图街景api在地图pin描述中加载自定义照片球 它第一次正确加载,但当我尝试打开同一个map pin或另一个(设置panoimg变量并调用initPano())时,我得到一个空白图像。在控制台中,URL出现错误 我在JSFIDLE上有一个我的代码 (除了所描述的问题之外,JSFIDLE进一步精简为无任何内容) 每次打开地图pin时,我都尝试调用此函数:Javascript 无法使用google maps streetview API加载多个Photosphere,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在尝试使用谷歌地图街景api在地图pin描述中加载自定义照片球 它第一次正确加载,但当我尝试打开同一个map pin或另一个(设置panoimg变量并调用initPano())时,我得到一个空白图像。在控制台中,URL出现错误 我在JSFIDLE上有一个我的代码 (除了所描述的问题之外,JSFIDLE进一步精简为无任何内容) 每次打开地图pin时,我都尝试调用此函数: function initPano() { var panoOptions = {
function initPano() {
var panoOptions = {
pano: 'custom',
visible: true,
panoProvider: getCustomPanorama
};
var panorama = new google.maps.StreetViewPanorama(
document.getElementById('pano-canvas'), panoOptions);
}
function getCustomPanoramaTileUrl(pano, zoom, tileX, tileY) {
console.log(panoimg);
return "https://www.tcpalmextras.com/tcpalm_hosted/images/brandyhallmap/" + panoimg;
}
您可以通过单击屏幕上的地图别针,然后关闭弹出窗口,然后再次打开它来查看错误。这一秒和所有后续的打开都无法正确加载光球。如果您在模式窗口中创建自定义光球,请不要在新google.maps.StreetViewPanorama对象选项的示例
删除该行允许他们无限次打开。我看不到运行时描述的问题。请提供一个在问题本身中说明问题的链接,而不仅仅是指向外部站点(如JSFIDLE)的链接。抱歉,我被你的评论弄糊涂了。我清楚地描述了问题以及如何重现它。我问题的最后一行应该是清楚的。单击地图标记,它将打开,其中将包含一个照片球体。关闭弹出窗口,然后再次尝试打开它。照片球体将不会加载该问题或任何后续时间。更清楚地说,这不是完整的应用程序也是。这是一个简单的例子,说明了这个问题。很明显,我没有遇到这种情况。我点击标记,光球会打开。我关闭它。我再次点击标记。光球会再次打开。目前在IE11中,在Chrome的前面。(如果我“关闭弹出窗口,然后再关闭它”,我显然看不到它。)(原文如此),这是你问题的最后一行所说的)我想说的是再次打开它。我错了。我在Chrome和IE的多台机器上尝试过这一点,它们的表现都与本视频中的一样: