Google вид карты апите v3 Google Street и Google Street View статичного изображения

Question

Google позволяет получить собой вид статической улицы файла

https://maps.googleapis.com/maps/api/streetview?size=400x400&location=40.720032,-73.988354&fov=90&heading=235&pitch=10

Я строй базы данных недвижимости, которая включает Google Maps API V3 с улицей Посмотреть панорамы.

Если вы перейдете на этот url bit.ly/17A6r4P, вы увидите и пример, который я сделал для того, чтобы быть более ясным. Отображаемые изображения - это статическая уличная фотография. Сгенерированные изображения developers.google.com/maps/documentation/streetview. * Если вы нажмете «Карта», откроется уличное представление Google Maps, но я хочу, чтобы представление по умолчанию в Street View Panorama в Картах Google быть таким же, как «Статическое изображение» Мертвые на передней части дома.

Answer 1

Вы хотели бы использовать Google Maps Street View API.

Google Street View Image API позволяет встраивать статический (неинтерактивную) Street View панорамы или миниатюру на свою страницу веб , без использования JavaScript. Окно просмотра определяется с URL параметров, отправленных через стандартный запрос HTTP, и возвращаются как статического изображение

Answer 2

информация вам нужно, это в URL места = 40,720032, -73,988354 & FOV = 90 & заголовка = 235 & шаг = 10

использовать, чтобы инициализировать Google Maps JavaScript API v3 Streetview:

working example

доказательство концепции фрагмента кода:

var urlstring = 'location=40.720032,-73.988354&fov=90&heading=235&pitch=10'; 
 
// If there are any parameters at eh end of the URL, they will be in location.search 
 
// looking something like "?marker=3" 
 

 
var sv = new google.maps.StreetViewService(); 
 
var panorama; 
 
var heading; 
 
var pitch; 
 

 
function initialize() { 
 
    // skip the first character, we are not interested in the "?" 
 
    var query = urlstring; // location.search.substring(1); 
 

 
    // split the rest at each "&" character to give a list of "argname=value" pairs 
 
    var pairs = query.split("&"); 
 
    for (var i = 0; i < pairs.length; i++) { 
 
    // break each pair at the first "=" to obtain the argname and value 
 
    var pos = pairs[i].indexOf("="); 
 
    var argname = pairs[i].substring(0, pos).toLowerCase(); 
 
    var value = pairs[i].substring(pos + 1).toLowerCase(); 
 

 
    // process each possible argname - use unescape() if theres any chance of spaces 
 
    if (argname == "location") { 
 
     var coords = value.split(","); 
 
     lat = parseFloat(coords[0]); 
 
     lng = parseFloat(coords[1]); 
 
    } 
 
    if (argname == "pitch") { 
 
     pitch = parseFloat(value); 
 
    } 
 
    if (argname == "heading") { 
 
     heading = parseFloat(value); 
 
    } 
 
    if (argname == "lat") { 
 
     lat = parseFloat(value); 
 
    } 
 
    if (argname == "lng") { 
 
     lng = parseFloat(value); 
 
    } 
 
    } 
 
    if (!isNaN(lat) && !isNaN(lng)) { 
 
    myLatLng = new google.maps.LatLng(lat, lng); 
 
    } 
 
    // Set up the map 
 
    var myOptions = { 
 
    zoom: 10, 
 
    center: myLatLng, 
 
    streetViewControl: false 
 
    }; 
 

 
    map = new google.maps.Map(document.getElementById('map_canvas'), 
 
    myOptions); 
 

 
    panorama = new google.maps.StreetViewPanorama(document.getElementById("pano")); 
 

 
    sv.getPanoramaByLocation(myLatLng, 50, processSVData); 
 
} 
 

 
function processSVData(data, status) { 
 
    if (status == google.maps.StreetViewStatus.OK) { 
 
    var marker = new google.maps.Marker({ 
 
     position: data.location.latLng, 
 
     draggable: true, 
 
     map: map, 
 
     title: data.location.description 
 
    }); 
 

 
    panorama.setPano(data.location.pano); 
 
    if (isNaN(heading)) 
 
     heading = google.maps.geometry.spherical.computeHeading(data.location.latLng, myLatLng); 
 
    if (isNaN(pitch)) pitch = 0; 
 
    // alert(data.location.latLng+":"+myLatLng+":"+heading); 
 
    panorama.setPov({ 
 
     heading: heading, 
 
     pitch: pitch, 
 
     zoom: 1 
 
    }); 
 
    panorama.setVisible(true); 
 

 
    google.maps.event.addListener(marker, 'click', function() { 
 

 
     var markerPanoID = data.location.pano; 
 
     // Set the Pano to use the passed panoID 
 
     panorama.setPano(markerPanoID); 
 
     panorama.setPov({ 
 
     heading: 270, 
 
     pitch: 0, 
 
     zoom: 1 
 
     }); 
 
     panorama.setVisible(true); 
 
    }); 
 
    } else { 
 
    alert("Street View data not found for this location."); 
 
    } 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', initialize);

<script src="http://maps.googleapis.com/maps/api/js?libraries=geometry"></script> 
 
<div id="map_canvas" style="display:none; width: 425px; height: 400px;float:left"></div> 
 
<div id="pano" style="width: 425px; height: 400px;float:left"></div>