Ich habe diesen Beispielcode, der Google Maps für Google Street View verwendet ….
<html> <head> <meta charset="utf-8"> <title>Set Pegman position programmatically</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #google_map, #google_streetview { float: left; height: 50%; width: 50%; } </style> </head> <body> <!-- ### The page structure ... --> <div> <form onsubmit="return false;"> Lat: <input type="text" /> Lon: <input type="text" /> <input type="submit" onclick="getLatLon();" /> </form> <script> function getlatLon() { var lat = document.getElementById("lat").value; var lon = document.getElementById("lon").value; } </script> </div> <div></div> <div></div> <script> function initialize() { //### The original pegman position ... var pegman_position = {lat: 42.345573, lng: -71.098326}; var marker; //### Add Google Map ... var google_map = new google.maps.Map(document.getElementById("google_map"), { center: pegman_position, zoom: 14 }); //### Add Google Street View ... var panorama = new google.maps.StreetViewPanorama( document.getElementById("google_streetview"), { position: pegman_position, pov: { heading: 34, pitch: 10 } }); google_map.setStreetView(panorama); panorama.addListener("position_changed", function(){ var latLon = { lat: panorama.getPosition().lat(), lng: panorama.getPosition().lng() }; }); } </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=<PUT_YOUR_API_KEY_HERE>&callback=initialize"> </script> </body> </html> (HINWEIS: Wenn Sie es ausführen möchten, müssen Sie Ihren Google API-Schlüssel am Ende des Codes einfügen ….)
Ich möchte etwas ändern Die Lat / Lon-Koordinatenwerte in den beiden spezifischen Eingabewerten (dieser Code ist eine Simulation meiner tatsächlichen Bedürfnisse …) und um zu sehen, dass sich der Pegman auf der Google Map bewegt und das Stret View-Bild selbst udpate.
Vorschläge / Beispiele?
Kommentare
- Sie benötigen POV " Das StreetViewPov-Objekt ist das meiste Wird häufig verwendet, um den Blickwinkel der Street View-Kamera zu bestimmen. Sie können auch den Standpunkt des Fotografen " developer.google.com/maps/documentation/javascript/streetview bestimmen
Antwort
Los gehts. https://jsfiddle.net/35rpw0jv/
Und so zentrieren Sie den Pegman (und die Karte) auf jeden Verschieben der Straßenansicht (Positionsänderung).
panorama.addListener("position_changed", function(){ map.setCenter(panorama.getPosition()); }); Kommentare
- Ja, POV ist bei Pegman