Question

我正在生成街景静态图像，如下所示：

https://maps.googleapis.com/maps/api/streetview?size=1080x400&location=%s&fov=90&heading=235&pitch=0&key=%s

如果您访问该链接，则会看到一张图片，上面写着“对不起，我们没有图像......”

有没有办法检测到这种“抱歉”状态，以便我可以回到另一张图像？

Answer 1

一个快速的解决方案是使用xmlrpc加载图像文件并检查其md5sum是30234b543d5438e0a0614bf07f1ebd25，还是其大小为1717字节（另一个图像不太可能具有完全相同的大小），但这不是很强大，因为我看到谷歌改变了图像中文本的位置。虽然这是原型的一个非常好的开始。

您可以改为进行图像处理。请注意，由于Google可能决定随时更改图像的外观，因此它仍然不是很强大。你必须决定它是否值得。

无论如何，这是我如何使用jQuery：

加载图片并打开2D上下文以进行直接pxiel访问（请参阅this question了解如何操作）
分析图像：
- 随机位置的2×2像素的样本组;我推荐至少30组
- 如果所有像素具有相同的值并且它们的R / G / B值相差不超过10％（即，它们是灰色的），则一组2×2像素良好）
- 计算图像中好像素组的比例
如果有超过70％好的像素组，那么我们非常确定这是“无图像”版本：将其替换为您选择的其他图片。

我不建议直接测试RGB值的原因是因为JPEG解压缩在不同浏览器上的行为可能略有不同。

Answer 2

这种情况已经在3.0版本中构建到期了布尔测试状态=== streetviewStatus.Ok，这是我解决问题的片段

if (status === google.maps.StreetViewStatus.OK) {
            var img = document.createElement("IMG");
            img.src = 'http://maps.googleapis.com/maps/api/streetview?size=160x205&location='+ lat +','+ lng  +'&sensor=false&key=AIzaSyC_OXsfB8-03ZXcslwOiN9EXSLZgwRy94s';
            var oldImg = document.getElementById('streetViewImage');
            document.getElementById('streetViewContainerShow').replaceChild(img, streetViewImage);
        } else {
            var img = document.createElement("IMG");
            img.src = '../../images/ProfilnoProfilPicture.jpg';
            img.height = 205;
            img.width = 160;
            var oldImg = document.getElementById('streetViewImage');
            document.getElementById('streetViewContainerShow').replaceChild(img, streetViewImage);
        }

Answer 3

您可以使用getPanoramaByLocation函数（请参阅http://code.google.com/apis/maps/documentation/javascript/services.html#StreetViewService）。

尝试这样的事情：

function handleMapClick()
{
 var ll= new google.maps.LatLng(latitude,longitude);
 sv.getPanoramaByLocation(ll, 50, processSVData);
}

function processSVData(data, status) {
 if (status==google.maps.StreetViewStatus.ZERO_RESULTS)
 {
   <DO SOMETHING>
 }
}

Answer 4

截至2016年，您可以使用新的Street View Image Metadata API。

现在您只需要status字段即可知道是否找到了全景图。

示例请求：

https://maps.googleapis.com/maps/api/streetview/metadata?size=600x300&location=78.648401,14.194336&fov=90&heading=235&pitch=10&key=YOUR_API_KEY

{
   "status" : "ZERO_RESULTS"
}

https://maps.googleapis.com/maps/api/streetview/metadata?size=600x300&location=eiffel%20tower,%20paris,%20france&heading=-45&pitch=42&fov=110&key=YOUR_API_KEY

{
   ...
   "status" : "OK"
}

Answer 5

请求google街景图片，如果它有特定的文件大小，则为'Not street view avaible'。我做了以下的事情：

var url = 'google street view url';

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';

xhr.onload = function (e) {
  if (this.status == 200) {
    try {
      var image = new Blob([this.response], {type: 'image/jpeg'});

      if (image.size) {
        if (url.indexOf('640x640') > -1 && image.size === 8410) {
          // Not street view
        }

        if (url.indexOf('400x300') > -1 && image.size === 3946) {
           // Not street view
        }
      }
    } catch (err) {
      // IE 9 doesn't support blob
    }
  }
};

xhr.send();

Answer 6

另一种方法是加载图像，然后比较一些像素颜色。＆＃34;没有街景＆＃34;来自谷歌的图片总是一样的。以下是比较2个像素的方法：

var url = STREETVIEWURL
var img = new Image();
// Add some info to prevent cross origin tainting
img.src = url + '?' + new Date().getTime();
img.setAttribute('crossOrigin', '');
img.crossOrigin = "Anonymous";
img.onload = function() {
    var context = document.createElement('CANVAS').getContext('2d');
    context.drawImage(img, 0, 0);
    //load 2 pixels.  I chose the first one and the 5th row
    var data1 = context.getImageData(0, 0, 1, 1).data;
    var data2 = context.getImageData(0, 5, 1, 1).data;
    console.log(data1);
    // google unknown image is this pixel color [228,227,223,255]
    if(data1[0]==228 && data1[1]==227 && data1[2]==223 && data1[3]==255 && 
                     data2[0]==228 && data2[1]==227 && data2[2]==223 && data2[3]==255){
        console.log("NO StreetView Available");
    }else{
         console.log("StreetView is Available");
    }
};

一些潜在问题：我发现CrossOrigin有些错误。此外，如果谷歌更改返回的图像，此代码将中断。

检测谷歌地图街景静态图像的“我们没有图像”

6 个答案: