Javascript 如何在特定时间加载streetview容器,同时单击事件以获取streetview?

Javascript 如何在特定时间加载streetview容器,同时单击事件以获取streetview?,javascript,jquery,google-maps,containers,google-street-view,Javascript,Jquery,Google Maps,Containers,Google Street View,我有两个并排设置的容器,左边是混合谷歌地图,右边是街景容器。现在,您可以单击左侧地图,在右侧显示该位置的街景。初始装载时,街景集装箱为空 是否可以让街景容器在开始时加载特定的latlong,并允许用户单击左侧地图以显示不同的街景?(下面是pano的当前代码…) 将其添加到初始化函数: var latLng = new google.maps.LatLng(45,-85); // coordinates of desired location. sv.getPanoramaByLocation(l

我有两个并排设置的容器,左边是混合谷歌地图,右边是街景容器。现在,您可以单击左侧地图,在右侧显示该位置的街景。初始装载时,街景集装箱为空

是否可以让街景容器在开始时加载特定的latlong,并允许用户单击左侧地图以显示不同的街景?(下面是pano的当前代码…)


将其添加到初始化函数:

var latLng = new google.maps.LatLng(45,-85); // coordinates of desired location.
sv.getPanoramaByLocation(latLng, 50, processSVData);
// Set the Pano to use the passed panoID
panorama.setPano(data.location.pano);
panorama.setPov({
    heading: 270,
    pitch: 0
});
panorama.setVisible(true);
这与processSVData函数有关:

var latLng = new google.maps.LatLng(45,-85); // coordinates of desired location.
sv.getPanoramaByLocation(latLng, 50, processSVData);
// Set the Pano to use the passed panoID
panorama.setPano(data.location.pano);
panorama.setPov({
    heading: 270,
    pitch: 0
});
panorama.setVisible(true);

工作代码段:

var映射;
var berkeley=newgoogle.maps.LatLng(37.869085,-122.254775);
var sv=new google.maps.StreetViewService();
var全景图;
函数初始化(){
panorama=新的google.maps.StreetViewPanorama(document.getElementById(“pano”);
//布置地图
变量映射选项={
中心:伯克利,
缩放:16,
街景控制:错误
};
map=new google.maps.map(document.getElementById('map-canvas'),
地图选项);
//getPanoramaByLocation将在
//给定半径为50米或更小。
google.maps.event.addListener(映射,'click',函数(事件){
sv.getPanoramaByLocation(event.latLng,50,processSVData);
});
//所需位置的坐标。
sv.getPanoramaByLocation(伯克利,50岁,processSVData);
}
函数ProcessVdata(数据、状态){
if(status==google.maps.StreetViewStatus.OK){
var marker=new google.maps.marker({
位置:data.location.latLng,
地图:地图,
标题:data.location.description
});
google.maps.event.addListener(标记'click',函数(){
var markerPanoID=data.location.pano;
//将Pano设置为使用传递的panoID
全景图。塞特帕诺(markerPanoID);
全景({
标题:270,
音高:0
});
全景。设置可见(真);
});
//将Pano设置为使用传递的panoID
全景.setPano(数据.location.pano);
全景({
标题:270,
音高:0
});
全景。设置可见(真);
}
}
google.maps.event.addDomListener(窗口“加载”,初始化)
html,
身体,
#地图画布{
高度:500px;
宽度:500px;
边际:0px;
填充:0px
}


初始化函数是什么样子的?请提供一个演示您遇到的问题的示例。非常感谢!这工作做得很好!对于其他处于类似情况的人来说,如果您使用google开发者代码直接访问街景数据,那么在函数初始化之后您需要添加的就是geocodezip的第一个答案