Jai cet exemple de code qui utilise Google Maps et Google Street View ….
<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> (REMARQUE: si vous « souhaitez lexécuter, vous » devez mettre votre clé API Google au bas du code ….)
Je « voudrais modifier légèrement les valeurs des coordonnées lat / lon dans les deux valeurs dentrée spécifiques (ce code est une simulation de mes besoins réels …), et pour voir que le pegman se déplace sur la carte Google et limage de Stret View sactualise elle-même.
Suggestions / exemples?
Commentaires
- Vous avez besoin dun POV " Lobjet StreetViewPov est le plus souvent utilisé pour déterminer le point de vue de la caméra Street View. Vous pouvez également déterminer le point de vue du photographe " développeurs.google.com/maps/documentation/javascript/streetview
Réponse
Et voilà. https://jsfiddle.net/35rpw0jv/
Et voici comment vous centrez le Pegman (et la carte) sur chaque Déplacement Street View (changement de position).
panorama.addListener("position_changed", function(){ map.setCenter(panorama.getPosition()); }); Commentaires
- oui POV est important avec pegman