Javascript 谷歌地图API:随机街道视图
我一直在使用谷歌地图API编写一些代码。我正试图得到一个随机的街景位置 首先,我得到一个随机的位置,并在该区域寻找可能的全景图,一旦得到“确定”,我尝试获取位置数据并用它创建一个全景图。我希望它能生成一个新的全景图,但我只是得到一个黑屏,当我控制台记录数据时,我没有定义。我在控制台中也没有错误Javascript 谷歌地图API:随机街道视图,javascript,google-maps,Javascript,Google Maps,我一直在使用谷歌地图API编写一些代码。我正试图得到一个随机的街景位置 首先,我得到一个随机的位置,并在该区域寻找可能的全景图,一旦得到“确定”,我尝试获取位置数据并用它创建一个全景图。我希望它能生成一个新的全景图,但我只是得到一个黑屏,当我控制台记录数据时,我没有定义。我在控制台中也没有错误 function generateRandomPoint() { var sv = new google.maps.StreetViewService();
function generateRandomPoint()
{
var sv = new google.maps.StreetViewService();
sv.getPanoramaByLocation(
new google.maps.LatLng(Math.random()*180 - 90,Math.random()*360 - 180), 500,processSVData
);
}
function processSVData(data, status) {
if (status == google.maps.StreetViewStatus.OK) {
console.log("EE");
const panorama = new google.maps.StreetViewPanorama(
document.getElementById("panoramamap"),
{
position: data.latLng,
pov: {
heading: 34,
pitch: 10,
},
disableDefaultUI: true,
}
);
} else generateRandomPoint();
}
window.onload = function() {
generateRandomPoint();
console.log("E");
}
相关问题:
不知道你的代码来自哪里data.latLng
在对象中不存在,因此我希望它是未定义的
存在的是.location
,它是一个对象,它确实包含一个latLng
属性,它是一个对象
这个代码对我有用(虽然你可能想考虑不要用覆盖全球的随机位置敲打谷歌的StudiVIEW服务):
代码片段:function generateRandomPoint(){
var sv=new google.maps.StreetViewService();
sv.getPanoramaByLocation(
新的google.maps.LatLng(Math.random()*180-90,Math.random()*360-180),500,processSVData
);
}
函数ProcessVdata(数据、状态){
if(status==google.maps.StreetViewStatus.OK){
console.log(“EE”+data.location.latLng.toulvalue(6));
控制台日志(数据);
const panorama=新建google.maps.StreetViewPanorama(
document.getElementById(“全景图”){
位置:data.location.latLng,
pov:{
标题:34,
投球:10分,
},
disableDefaultUI:true,
}
);
}else-generateRandomPoint();
}
html,
身体{
身高:100%;
保证金:0;
填充:0;
}
#全景图{
身高:100%;
}
街景集装箱
您的代码来自哪里?我在对象中看不到.latLng
(因此我希望它是未定义的)。
function processSVData(data, status) {
if (status == google.maps.StreetViewStatus.OK) {
console.log("EE");
const panorama = new google.maps.StreetViewPanorama(
document.getElementById("panoramamap"),
{
position: data.location.latLng,
pov: {
heading: 34,
pitch: 10,
},
disableDefaultUI: true,
});
} else generateRandomPoint();
}