javascript - 如何在谷歌地图中偏移 panTo

标签 javascript google-maps-api-3

如何偏移 panTo 函数?当单击标记时我会 喜欢平移到它,但不要将标记放在图像的中心 屏幕。

我想将其(x 和 y)偏移屏幕宽度和高度的所需百分比。

google.maps.event.addListener(marker, 'click', function() {
   map.panTo(loc);
});

谢谢

最佳答案

比评论中建议的计算更简单的方法可能是:

  1. 使用 panTo 将 map 置于给定位置的中心
  2. 使用 panBy 应用所需的偏移量

可以通过 offsetWidth/offsetHeight 检索元素的尺寸

示例:

google.maps.event.addListener(marker, 'click', function() {
  var map = this.getMap(),
      div = map.getDiv();
  map.panTo(this.getPosition());
  map.panBy(div.offsetWidth/4, div.offsetHeight/4);
});

关于javascript - 如何在谷歌地图中偏移 panTo,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18291903/

相关文章:

javascript - 在搜索框选项卡之间单击时,如何使它们保持事件状态?

javascript - 使用 jquery 1.4 进行 Jquery 自动完成

javascript - 缩放/缩放 Div 后在 Google Maps API v3 上使用绘图管理器?

google-maps - 如何获取谷歌地图中两点之间的最短路径

javascript - Google Maps API v3 点击事件未通过自定义叠加层传递

javascript - Uncaught TypeError : app. all is not a function

javascript - 如何将 dataurl 转换回图像并显示在 Canvas 上

javascript - 单击更改 div id 属性

javascript - 从 google maps api v3 获取带有自动完成服务的邮政编码

javascript - 如何使用 Google Maps API v3 突出显示地址?