Question

我在我的网站上使用谷歌地图显示2个位置。当我按下不同位置的按钮时，我想要一张地图和地图更新。这是JS代码。

var map;
var lat = 53.4779168;
var lng = -2.2338925;

function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: { lat: lat, lng: lng }, zoom: 17 }); };
$(document).ready(function() {


 $("#picadilly").click(function() {
     lat = 53.4779168;
     lng = -2.2338925;
 });


 $("#didsbury").click(function() {
     lat = 53.410346;
     lng = -2.229417;

 });


});

我按下按钮似乎是注册，但它没有更新地图的位置。有任何想法吗？

Answer 1

您只需在点击事件功能下使用map.setCenter（LatLng）移动地图即可。此方法不会使用任何其他标记，也不会删除现有标记。您还可以通过panTo（LatLng）函数移动地图。初始化地图后，这两种方法也可用。

$("#picadilly").click(function() {
     lat = 53.4779168;
     lng = -2.2338925;
     map.setCenter({lat:lat , lng:lng});
 });


 $("#didsbury").click(function() {
     lat = 53.410346;
     lng = -2.229417;
     map.setCenter({lat:lat , lng:lng});
 });

以下是这些方法的documentation。

单击按钮时更新地图位置

1 个答案: