谷歌地图：如何重定向到地图中的其他点？答案

【问题标题】：Google Map: How to redirect to other points in the map?谷歌地图：如何重定向到地图中的其他点？
【发布时间】：2013-11-15 14:21:17
【问题描述】：

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

因此，例如，当用户选择地点 A 时，他可以被重定向到旧金山。 And when select place B he can be redirected to Los Angeles.

你知道我怎样才能得到这个吗？

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

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

在这里，我害羞地尝试获得我需要的东西，但正如你所见，它不起作用：

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

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

编辑：

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

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

【问题讨论】：

你的问题不是很清楚（对我来说）。位置 A 和位置 B 的值附加了什么？坐标？您想在选定的地方放置一个标记并将地图居中放置在该标记上吗？
我已经编辑了这个问题。希望现在更加清晰。

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

【解决方案1】：

您应该阅读此处的文档。

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);
});

【讨论】：

谢谢 Smeegs。根据我在文档中阅读的内容，panTo 包含默认动画：如果更改小于地图的宽度和高度，则过渡将平滑动画。这就是你选择它而不是 setCenter() 的原因？
没错，我认为它在可用时提供了一个很好的过渡。
是的，肯定更好。 jsbin.com/iGOmEXeP/7/edit 这里可以注释掉一个或另一个选项，并且 panTo 比 setCenter 更流畅。