javascript - 谷歌地图 : How to redirect to other points in the map?

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

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

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

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

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

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

在这里,我害羞地尝试获得我需要的东西,如您所见,这是行不通的:

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

希望有人能帮助我! 谢谢!

编辑:

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

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

最佳答案

您应该阅读此处的文档。

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

您正在寻找的是 setCenter()panTo() 方法。

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

像这样更新您的垃圾箱以包含它:

$("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);
});

关于javascript - 谷歌地图 : How to redirect to other points in the map?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20003176/

相关文章:

javascript - 识别整数数组中最长的方差周期

javascript - 我如何处理多个列表项被放入一个临时占位符,并设置回它被删除的地方?

html - 使用此代码的粘性页脚?

javascript - 如何从具有数组的json绑定(bind)网格

javascript - 在输入字段上使用 vue 指令(v-model、@input)时,vue 中的数据列表出现意​​外行为?

javascript - 如何在 Syncfusion ASP.NET MVC 中增加甘特图列的宽度

javascript - 将 JavaScript 中的变量传递给 open.window

javascript - 重命名由 javascript 创建的参数

javascript - 如何从用户内存上传kml文件并在 map 上显示

javascript - 谁能告诉我为什么我的 JQuery 插件不起作用?我仔细按照步骤