Google地图API V3中的“概述”选项

Question

Google Maps API V3目前不支持V2 GOverviewMapControl选项。我在http://dl.google.com/io/2009/pres/Th_1045_Maps_API_Mobile.pdf的第19页找到了一段代码，可以显示较小的地图，但无法显示可拖动的半透明蓝色框。虽然这是可能的，但不幸的是代码已经被省略了。有没有人有任何想法如何生成它？谢谢。

- eclipse31

Answer 1

这是 Maps v3 中开箱即用的工作方式：

function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    overviewMapControl: true,
    overviewMapControlOptions: {opened: true}
  }
  var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}

请注意mapOptions对象的最后两个属性。它们起到了关键作用。

- Jpsy

Answer 2

在overlayMap中，添加一个可拖动标记以显示RectangleOverlay的框架，并添加一个不可拖动的标记以显示半透明的盒子本身。然后，绑定一些地图事件来更新标记的大小和位置，例如地图的bounds_changed、drag和/或center_changed事件。最后，通过将函数绑定到其dragend事件来更新框架被拖动时的地图位置。

- lemnar

---

感谢您的建议，再加上我对Google Maps API v3的不断熟悉，我已经编写了自己的开源插件，并可在http://www.drcoen.com/2010/10/google-maps-api-v3-overview-control/或github上https://github.com/drcoen/Google-Maps-API-V3-Overview-Control获取。 - eclipse31

Answer 3

我目前正在使用v3，概览地图控件似乎可以工作。目前还没有找到任何关于它的文档。

overviewMapControl: true

然后你会在地图右侧看到一个小箭头。点击它将打开它。无法弄清如何使用javascript（jquery）触发此单击事件，似乎不起作用。

- AdriaanB

Answer 4

看看http://code.google.com/p/gmaps-api-v3-overviewmapcontrol吧。这是一个开源项目，旨在近似v2的GOverviewMapControl的功能。

- jgeerdes

---

我最终确实完全模仿了V3中的OverviewMap，并使可拖动的蓝色框正常工作。然而，我最终放弃了它，因为概览地图仍然包含Google标志和地图提供商的参考，这在小的覆盖窗口中看起来不太好。您知道您在此提到的项目是否已经解决了这个问题吗？ - eclipse31

还没有。但我是这个项目的主要开发人员，我想我会尝试联系地图API团队和/或Google法务部门，看看是否可以获得许可来实现这一点。 - jgeerdes