2016-04-01 17 views
1

nahm ich ein Photo mit Google Street View-App und teilte es auf Google Maps.Wie bette ich eine Photosphäre in eine Website ein?

Wenn ich versuche, den Code zum Einbetten auf einer Website (klicken Sie auf "Freigabe oder Integration" Option, wenn ich es in einem Browser visualisieren), habe ich nur die Option, den Link zu teilen. Wie kann ich den HTML-Code bekommen, um es einzubetten? Hier

ist der Link zu dem Photo: https://www.google.com/maps/@45.3189037,5.605167,3a,75y,109.64h,85.35t/data=!3m8!1e1!3m6!1s-xnB-GGXEh-Q%2FVv0xzYTJj5I%2FAAAAAAAAHnY%2Fgt_bfWvfbrUUkkA04-jtntYU4PZXuzR9w!2e4!3e11!6s%2F%2Flh4.ggpht.com%2F-xnB-GGXEh-Q%2FVv0xzYTJj5I%2FAAAAAAAAAAA%2Fut7S6Ntzdyg%2Fno%2Fphoto.jpg!7i12800!8i3206

Antwort

1

Grundsätzlich können Sie dieses Panorama einbetten, indem einen StreetViewPanorama

Erstellen Sie bieten entweder den Standort über die position -property
(wäre {lat: 45.318904,lng:5.605167})

oder die Panorama-ID über den pano -property. (wäre F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw)

Für das gegebene Photo bei mir funktioniert es nur (fragen Sie mich nicht warum), wenn ich die (noch nicht erfasst) google.maps.streetViewViewer -property zu photosphere

google.maps.event.addDomListener(window, 'load', function() { 
 

 
    google.maps.streetViewViewer = 'photosphere'; 
 
    new google.maps.StreetViewPanorama(document.getElementById('pano'), { 
 

 
    pano: 'F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw' 
 
    }); 
 
});
html, 
 
body, 
 
#pano { 
 
    margin: 0; 
 
    padding: 0; 
 
    height: 100%; 
 
}
<script src="http://maps.google.com/maps/api/js?v=3"></script> 
 
<div id="pano"></div>
gesetzt

+0

Vielen Dank, es funktioniert! – Vincent

Verwandte Themen