Javascript 通过<;在自定义街景全景之间切换时创建链接;选择>;
我有一张校园的街景地图。我可以在使用getCustomLinks创建的链接的区域中导航。但我已经被这个问题困扰了一段时间:有没有办法通过选择组件在自定义街景全景之间进行切换?我希望能够使用箭头在校园区域内导航,也希望能够跳转到“选择”组件中的任何全景。这些箭很管用。到目前为止,我已经设法改变了全景 我的选择框Javascript 通过<;在自定义街景全景之间切换时创建链接;选择>;,javascript,google-maps,google-street-view,Javascript,Google Maps,Google Street View,我有一张校园的街景地图。我可以在使用getCustomLinks创建的链接的区域中导航。但我已经被这个问题困扰了一段时间:有没有办法通过选择组件在自定义街景全景之间进行切换?我希望能够使用箭头在校园区域内导航,也希望能够跳转到“选择”组件中的任何全景。这些箭很管用。到目前为止,我已经设法改变了全景 我的选择框 <select onChange="onChange()" id="hamk_select" width="1000px"> <option value="b_ta
<select onChange="onChange()" id="hamk_select" width="1000px">
<option value="b_talo_piha">HAMK Visamäki</option>
<option value="kirjasto">Kirjasto</option>
<option value="c_talo_auditorio">Auditorio</option>
</select>
现在我必须创建正确的链接。在初始化方法中,类似于将eventListener添加到“links\u changed”事件中,并使用“result.location.pano”创建链接
streetviewService = new google.maps.StreetViewService();
var radius = 50;
streetviewService.getPanoramaByLocation(THE_ENTRY_LOCATION, radius,
function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
google.maps.event.addListener(panorama, 'links_changed',
function() {
createCustomLinks(result.location.pano);
});
}
});
我想我应该使用get而不是getPanoramaByLocation。我已经尝试过了,但是GET失败了(status=UNKNOWN_ERROR,JavaScript控制台说:404未在头中找到,所以显然有些东西不起作用。)
只调用createCustomLinks(d)也没有帮助,因为没有定义var链接。如何正确执行此操作?解决方案非常简单:只更改pano值,并将其用作panorama.setOptions值来触发原始的“links\u changed”事件
streetviewService = new google.maps.StreetViewService();
var radius = 50;
streetviewService.getPanoramaByLocation(THE_ENTRY_LOCATION, radius,
function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
google.maps.event.addListener(panorama, 'links_changed',
function() {
createCustomLinks(result.location.pano);
});
}
});
streetviewService.getPanoramaById(panorama.getPano(),
function(result, status) {
if (status == google.maps.StreetViewStatus.OK) {
createCustomLinks(result.location.pano);
}
});
function onChange(){
d = document.getElementById("hamk_select").value;
var panoOptions =
{
pano: d,
};
panorama.setOptions(panoOptions);
}