Google Maps API V3: gewusst Wie: springen zu einem bestimmten marker, die von außerhalb der Karte?

Ich habe eine Karte mit zwei Markern.

Den ersten Blick auf die Karte zeigt nur einen marker, und ich will einen link neben der Karte das verschieben der Karte zur 2. Markierung, wenn geklickt wird.

Hier ist eine demo von dem, was ich will, mit v2 der API: http://arts.brighton.ac.uk/contact-university-of-brighton-faculty-of-arts (beachten Sie die links unterhalb der Karte)

Hier ist, was ich habe, so weit:

    <script type="text/javascript">
      function initialize() {
        var latlng = new google.maps.LatLng(50.823817, -0.135634);
        var myOptions = {
          zoom: 13,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP,  
          mapTypeControlOptions: {  
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU  
              }  ,
              scaleControl: false
          };

        var map = new google.maps.Map(document.getElementById("map"), myOptions);

    //1st marker  
    var marker1 = new google.maps.Marker({ position: new google.maps.LatLng(50.823817, -0.135634), map: map, title: 'my title' });
    var infowindow = new google.maps.InfoWindow({ content: 'my window content' }); 
    google.maps.event.addListener(marker1, 'click', function() { infowindow.open(map, marker1); }); 

    //2nd marker  
    var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(51.5262405, -0.074549), map: map, title: 'my 2nd title'});
    var infowindow2 = new google.maps.InfoWindow({ content: 'content for my 2nd window' }); 
    google.maps.event.addListener(marker2, 'click', function() { infowindow2.open(map, marker2); }); 
    }
    </script>

So, was möchte ich hinzufügen, ist ein link zu marker2, um die Karte zu verschieben, einige 50 Meilen,
z.B. <a href="#marker2">Second location</a>.

Wie kann ich dies tun?

InformationsquelleAutor Tom | 2010-05-08

Schreibe einen Kommentar