Redraw自定义谷歌地图javascript地图

Redraw customized google maps javascript map

本文关键字：地图 javascript 谷歌地图 自定义 Redraw      更新时间：2024-03-23

我对JS真的很陌生。。我的网站主题带有集成的自定义谷歌地图。

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

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

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

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>

有人能帮我弄清楚吗！？：）

您是否尝试使用'google.maps.event.trigger（map，'resize'）；'重新调整地图大小您还可以使用"panTo（latLng:latLng|LatLngLiteral）"。根据文档，将地图的中心更改为给定的"LatLng"。如果更改小于贴图的宽度和高度，则过渡将平滑设置动画。

相关文章：