Question

我真的很喜欢JS .. 我的网站主题带有集成的自定义谷歌地图。

所以我希望当我按下四个按钮按钮之一时，它会将坐标重新加载到不同的预定义按钮。

到目前为止，我只设法更改了坐标，但它没有使用标记将地图重新绘制到新位置。

例如，这是用于切换地图的JS代码

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

地图容器：

<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

您是否尝试使用＆＃39; google.maps.event.trigger重新调整地图大小（地图，＆＃39;调整大小＆＃39;）;＆＃39; 您也可以使用＆＃39; panTo（latLng：LatLng | LatLngLiteral）＆＃39;。根据{{3}}，将地图中心更改为给定的＆＃39; LatLng ＆＃39;。如果更改小于地图的宽度和高度，则过渡将平滑地动画。

重绘自定义谷歌地图javascript地图

1 个答案: