Javascript 使用google api v3显示街景_Javascript_Google Maps_Google Maps Api 3_Map

Javascript 使用google api v3显示街景

javascript google-maps google-maps-api-3 map

Javascript 使用google api v3显示街景,javascript,google-maps,google-maps-api-3,map,Javascript,Google Maps,Google Maps Api 3,Map,我正在使用谷歌apiv3显示街景，它在某些地方有效，但在某些地方不显示街景示例（莫拉加莫拉加路715号），如果我们采取（加利福尼亚州莫拉加乡村俱乐部路950号94556号），它在这里无效是我的代码： <!DOCTYPE html> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <html> <

我正在使用

谷歌api

v3显示街景，它在某些地方有效，但在某些地方不显示街景示例（莫拉加莫拉加路715号），如果我们采取（加利福尼亚州莫拉加乡村俱乐部路950号94556号），它在这里无效是我的代码：

        <!DOCTYPE html>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <html>
            <head>
                <meta charset="utf-8">
                <title>Street View service</title>
                <style>
                  html, body, #map-canvas {
                    height: 100%;
                    margin: 0px;
                    padding: 0px
                  }
                </style>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
            <script>
            var latitude=null;
            var longitude=null;
            var fenway;
            var map;
            var panoramaOptions;
            function initialize() {
             var value = '950 COUNTRY CLUB DRIVE , MORAGA CA 94556';
            alert("value"+value);
            var infoWindow = new google.maps.InfoWindow;
            $.ajax({
              url:"http://maps.googleapis.com/maps/api/geocode/json?address="+value+"&sensor=false",
              type: "POST",
              success:function(res){
            latitude=res.results[0].geometry.location.lat;
               alert("latitude"+latitude);
            longitude=res.results[0].geometry.location.lng;
            alert("longitude"+longitude);
             var fenway = new google.maps.LatLng(latitude, longitude);
              var mapOptions = {
                center: fenway,
                zoom: 14
              };
              var map = new google.maps.Map(
                  document.getElementById('map-canvas'), mapOptions);
              var panoramaOptions = {
                position: fenway,
                pov: {
                  heading: 34,
                  pitch: 10
                }
              };
              var panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'), panoramaOptions);
              console.log(panoramaOptions);
              map.setStreetView(panorama);
            }});
            }
            google.maps.event.addDomListener(window, 'load', initialize);
            </script>
            </head>
            <body>
            <div id="map-canvas" style="width: 400px; height: 300px"></div>
            <div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;"></div>
            </body>
            </html>


街景服务
html，正文，#地图画布{
身高：100%；
边际：0px；
填充：0px
}
var纬度=零；
var经度=null；
var fenway；
var映射；
var全景图选项；
函数初始化（）{
var值='950乡村俱乐部路，加利福尼亚州莫拉加94556'；
警报（“值”+值）；
var infoWindow=new google.maps.infoWindow；
$.ajax({
url:“http://maps.googleapis.com/maps/api/geocode/json?address=“+value+”&传感器=false”，
类型：“POST”，
成功：功能（res）{
纬度=res.results[0].geometry.location.lat；
警报（“纬度”+纬度）；
经度=res.results[0].geometry.location.lng；
警报（“经度”+经度）；
var fenway=新的google.maps.LatLng（纬度、经度）；
变量映射选项={
中心：芬威，
缩放：14
};
var map=new google.maps.map(
document.getElementById（'map-canvas'）、mapOptions）；
变量全景选项={
位置：芬威，
pov：{
标题：34，
投球：10
}
};
var panorama=new google.maps.StreetViewPanorama（document.getElementById（'pano'），panoramoptions）；
console.log（全景选项）；
地图设置树视图（全景）；
}});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；

原因很简单：此位置没有街景

好吧，虽然没有文档记录，但您可以假设在距离街景设置的位置50米的范围内必须有全景图可用
最近的全景图位于加利福尼亚州莫拉加乡村俱乐部大道950号，邮编94556（37.833037，-122.130190999997）位于
（37.833647，-122.129917999998）
，偏移量72米
目前无法找到距离>50内最近的全景，因此您可以检查50米内是否有可用的全景（请参见），并仅在全景可用时创建街景全景
另一种可能性（在geocodezip的示例中使用，这就是为什么您会在那里看到全景）：
街景全景通常放在道路上（谷歌通过汽车拍摄）。使用方向服务获取最近的道路（请参阅），并使用道路坐标作为街景的位置
您的问题的措辞难以理解。你的实际问题是什么？到目前为止你试过什么？这是我评论文本中的一个输入错误，链接是