カスタマイズされたGoogleマップjavascriptマップを再描画

Question

私はJSには本当に新しいです。 私のウェブサイトのテーマには、統合されたカスタムGoogleマップが付属しています。

私は、4つのボタンボタンのうちの1つを押すと、あらかじめ定義された別のボタンに座標をリロードします。

これまでは座標を変更することしかできませんでしたが、マーカーを使って新しい位置にマップを再描画しません。

したがって、たとえば、これはマップcordinates

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

地図コンテナ切り替えるためにJSコードです：

<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> 

そして、これは、座標を変更し、マップを再描画する必要があり、ボタン..です

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

を

誰かが私にこれを理解させてくれますか？ ）

Answer 1

'google.maps.event.trigger（map、' resize '）;'を使用して地図のサイズを変更しようとしましたか？ 'panTo（latLng：LatLng | LatLngLiteral）'を使用することもできます。 docsに基づいて、地図の中心を指定された 'LatLng'に変更します。変更がマップの幅と高さの両方よりも小さい場合、トランジションは円滑にアニメートされます。