谷歌地图:如何重定向到地图中的其他点?

时间:2013-11-15 14:21:18

标签: javascript jquery html google-maps google-maps-api-3

我有谷歌地图和选择。 我必须让用户选择选择中的不同位置,并将他重定向到地图中的那个位置。

因此,当用户选择地点A时,他可以被重定向到旧金山。 当选择地点B时,他可以被重定向到洛杉矶。

你知道我怎么能得到这个?

这里我做了一个基本的例子,有地图和选择器:

http://jsbin.com/iGOmEXeP/2/edit

在这里,我害羞地试图获得我需要的东西,正如你所看到的那样:

http://jsbin.com/iGOmEXeP/3/edit

希望有人可以帮助我! 谢谢!

修改

我在这里得到了一些东西: http://jsbin.com/iGOmEXeP/5/edit

无论如何,如果你有更好的东西或改进方法,我会认为是正确答案。

1 个答案:

答案 0 :(得分:2)

您应该阅读此处的文档。

https://developers.google.com/maps/documentation/javascript/reference#Map

您要找的是setCenter()panTo()方法。

http://jsbin.com/iGOmEXeP/6/edit

更新您的bin以包含它:

$("select").change(function() {
  var $this = $(this);

  if($this.val() === "1") {
   pos = new google.maps.LatLng(-24.397, 150.644);
  } else if($this.val() === "2") {
    pos = new google.maps.LatLng(-44.397, 150.644);
  } 
  map.panTo(pos);
});