Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API:随机街道视图_Javascript_Google Maps - Fatal编程技术网

Javascript 谷歌地图API:随机街道视图

Javascript 谷歌地图API:随机街道视图,javascript,google-maps,Javascript,Google Maps,我一直在使用谷歌地图API编写一些代码。我正试图得到一个随机的街景位置 首先,我得到一个随机的位置,并在该区域寻找可能的全景图,一旦得到“确定”,我尝试获取位置数据并用它创建一个全景图。我希望它能生成一个新的全景图,但我只是得到一个黑屏,当我控制台记录数据时,我没有定义。我在控制台中也没有错误 function generateRandomPoint() { var sv = new google.maps.StreetViewService();

我一直在使用谷歌地图API编写一些代码。我正试图得到一个随机的街景位置

首先,我得到一个随机的位置,并在该区域寻找可能的全景图,一旦得到“确定”,我尝试获取位置数据并用它创建一个全景图。我希望它能生成一个新的全景图,但我只是得到一个黑屏,当我控制台记录数据时,我没有定义。我在控制台中也没有错误

    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();
}