Redraw angepasste Google Maps Javascript Karte

Question

Ich bin wirklich neu in JS .. Meine Website Thema kam mit integrierten benutzerdefinierten Google Maps.

Also ich möchte, dass wenn ich auf eine der vier Schaltflächen Tasten drücken, lädt es Koordinaten zu verschiedenen vordefinierten.

Bisher habe ich nur die Koordinaten geändert, aber die Karte wird nicht mit dem Marker an den neuen Ort gezogen.

So zum Beispiel ist die JS-Code-Karten wechseln cordinates

function jumptomap4() { 
var element = document.getElementById("kordinates"); 
element.setAttribute("data-coordinates", "[[55.873744, 26.513021]]"); 
} 

Karte Behälter:

<div id="kordinates" class="map-container" data-coordinates="[[56.955152, 24.154613]]" data-icon='"images/assets/map-marker.png"' data-info='"Information text"' data-zoom-level="16" data-style="greyscale"> 
<div id="map-canvas"></div> 
</div> 

Und das ist die Taste, die Koordinaten ändern sollte und Karte neu zu zeichnen ..

<a onClick="jumptomap4();" href="#kordinates"> 
<button class="small bkg-red bkg-hover-red color-white">Skatīt kartē</button> 
</a> 

Könnte mir bitte jemand helfen, das herauszufinden !? :)

Answer 1

Haben Sie versucht, die Größe der Karte mit 'google.maps.event.trigger (Karte,' Größe ändern ');' können Sie auch 'panTo (latLng: LatLng | LatLngLiteral)' verwenden. Basiert auf dem docs, ändert die Mitte der Karte zu der gegebenen 'LatLng'. Wenn die Änderungen kleiner als die Breite und Höhe der Karte sind, wird der Übergang reibungslos animiert.