Javascript 谷歌街景API-捕捉缩放变化

Javascript 谷歌街景API-捕捉缩放变化,javascript,jquery,google-maps,google-maps-api-3,google-street-view,Javascript,Jquery,Google Maps,Google Maps Api 3,Google Street View,我已经阅读了关于Google Street View API的文档,并没有找到任何事件处理程序来捕捉缩放的变化。 街景活动 在街景之间导航或操纵其方向时, 您可能希望监视多个事件,这些事件指示 街景全景的状态: pano_changed在单个pano ID更改时激发。此事件不保证全景中的任何关联数据 (如链接)在事件发生时也已更改 触发;此事件仅表示pano ID已更改。注 全景ID(可用于引用此全景)为 仅在当前浏览器会话中稳定 位置\u更改每当全景图的基础(板条)位置更改时,都会触发。旋转

我已经阅读了关于Google Street View API的文档,并没有找到任何事件处理程序来捕捉缩放的变化。

街景活动

在街景之间导航或操纵其方向时, 您可能希望监视多个事件,这些事件指示 街景全景的状态:

pano_changed在单个pano ID更改时激发。此事件不保证全景中的任何关联数据 (如链接)在事件发生时也已更改 触发;此事件仅表示pano ID已更改。注 全景ID(可用于引用此全景)为 仅在当前浏览器会话中稳定

位置\u更改每当全景图的基础(板条)位置更改时,都会触发。旋转全景不会触发此操作 事件请注意,您可以更改全景的基本位置 不更改相关的pano ID,因为API将 自动将最近的全景ID与全景的 位置

pov_更改每当街景的街景pov更改时,都会激发。请注意,此事件可能会在位置和全景显示时触发 同上,保持稳定

links\u changed每当街景的链接更改时都会激发。请注意,更改pano ID后,此事件可能会异步触发 通过改变全景图指示

visible\u changed在街景的可见性发生变化时激发。请注意,此事件可能在更改后异步触发 在通过pano_指示的pano ID中,已更改


所以,我可以捕捉到全景、位置、航向、俯仰的变化,但找不到捕捉缩放变化的方法。如何操作?

使用zoom\u changed事件

(在“事件”项下):

缩放已更改|参数:无

当全景的缩放级别更改时,将触发此事件

代码片段:

函数initPano(){
var panorama=新建google.maps.StreetViewPanorama(
document.getElementById('pano'){
职位:{
拉脱维亚:37.869,
液化天然气:-122.255
},
pov:{
标题:270,
音高:0
},
可见:正确
});
panorama.addListener('pano_changed',function(){
var panoCell=document.getElementById('pano-cell');
panoCell.innerHTML=panorama.getPano();
});
panorama.addListener('links_changed',function(){
var linksTable=document.getElementById('links_table');
while(linksTable.hasChildNodes()){
linksTable.removeChild(linksTable.lastChild);
}
var links=panorama.getLinks();
for(链接中的变量i){
var行=document.createElement('tr');
linksTable.appendChild(行);
var-labelCell=document.createElement('td');
labelCell.innerHTML='Link:'+i+'';
var valueCell=document.createElement('td');
valueCell.innerHTML=链接[i]。说明;
linksTable.appendChild(labelCell);
linksTable.appendChild(valueCell);
}
});
panorama.addListener('position_changed',function(){
var positionCell=document.getElementById('position-cell');
positionCell.firstChild.nodeValue=panorama.getPosition()+“”;
});
panorama.addListener('pov_changed',function(){
var headingCell=document.getElementById('heading-cell');
var pitchCell=document.getElementById('pitch-cell');
headingCell.firstChild.nodeValue=panorama.getPov().heading+'';
pitchCell.firstChild.nodeValue=panorama.getPov().pitch+'';
});
panorama.addListener('zoom_changed',function(){
var zoomCell=document.getElementById('zoom-cell');
zoomCell.firstChild.nodeValue=panorama.getZoom();
});
}
google.maps.event.addDomListener(窗口,“加载”,initPano)
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#地图{
身高:100%;
}
#浮动面板{
位置:绝对位置;
顶部:10px;
左:25%;
z指数:5;
背景色:#fff;
填充物:5px;
边框:1px实心#999;
文本对齐:居中;
字体系列:“机器人”,“无衬线”;
线高:30px;
左侧填充:10px;
}
#帕诺{
宽度:50%;
身高:100%;
浮动:左;
}
#浮动面板{
宽度:45%;
身高:100%;
浮动:对;
文本对齐:左对齐;
溢出:自动;
位置:静态;
边框:0px实心#999;
}

位置
POV标题
270
POV音高
0
快速移动
1.
全景ID
panorama.addListener('zoom_changed', function() {
  var zoomCell = document.getElementById('zoom-cell');
  zoomCell.firstChild.nodeValue = panorama.getZoom();
});