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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
addDomListener
hinzufügen eine click-Ereignis auf den link, wird die Karte verschieben, dass die Markierung (Sie müssen auch hinzufügen einer id zu der link-tag, so können Sie verweisen Sie im code):Edit: Gesetzt den Fall in einer Initialisierungs-Funktion:
InformationsquelleAutor Bob
Ich fand diesen Artikel auf, wie man Kreis overlay als marker für Google Maps. Hoffe, es hilft!
InformationsquelleAutor dwinawan