Wie macht man den kleinen Kerl in Google Map Snap zum nächsten Punkt, wenn weggeworfen?

In dieser Google-Karte Beispiel: http://code.google.com/apis/maps/documentation/javascript/examples/streetview-simple.html
Wenn der Benutzer den kleinen Kerl weit weg in der Mitte des Ozeans zum Beispiel fallen ließ, verschwindet es.
Aber in der Haupt-Google-Map-Website http://maps.google.com/ Wenn Sie es die Straßenansicht zeigen, und der Benutzer zog den Kerl weg es automatisch zum vorherigen Punkt zurück.Wie macht man den kleinen Kerl in Google Map Snap zum nächsten Punkt, wenn weggeworfen?

Was fehlt im ersten Beispiel, damit es sich genauso verhält wie die Google Map-Website?

hier ist der Code der Probe:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
<title>Google Maps JavaScript API Example: Street View Layer</title> 
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" /> 
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
<script type="text/javascript"> 

    function initialize() { 
    var fenway = new google.maps.LatLng(42.345573,-71.098326); 
    var mapOptions = { 
     center: fenway, 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(
     document.getElementById("map_canvas"), mapOptions); 
    var panoramaOptions = { 
     position: fenway, 
     pov: { 
     heading: 34, 
     pitch: 10, 
     zoom: 1 
     } 
    }; 
    var panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"),panoramaOptions); 
    map.setStreetView(panorama); 
    } 
</script> 
</head> 
<body onload="initialize()"> 
    <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>

Quelle

2010-12-17 Amr Elgarhy

Um dies zu tun, einen Ereignis-Listener hinzufügen und den letzten (gültig) Standort speichern verwenden, um position_changed die Pegman fallen gelassen wurden.

google.maps.event.addListener(panorama, 'position_changed', function() { 
    // Store position 
});

Und dann ein Ereignis-Listener in den visibility_changed (die ausgelöst wird, wenn Pegman in den Ozean fallen gelassen wird), um ihn an die letzte bekannte Position zurück zu setzen:

google.maps.event.addListener(panorama, 'visible_changed', function() { 
    if (panorama.getVisible() == false && last_location) { 
    panorama.setPosition(last_location); 
    } 
});

Quelle

2010-12-20 00:35:12 plexer

ich das tat genau das, und ich Siehe das panorama.setPosition (last_location); wird mit dem richtigen last_location aufgerufen aber die map und das panorama kommen nie zurück, das panorama bleibt leer. Gibt es etwas, das mir immer noch fehlt? –

Kein Glück hier auch. Pegman schnappt immer zurück. Ich denke, das passiert nach unserem Versuch, eine neue Position zu finden. –

Wie macht man den kleinen Kerl in Google Map Snap zum nächsten Punkt, wenn weggeworfen?

Antwort

Verwandte Themen