2009-10-30 75 views

回答

2

overlayMap內,添加一個draggable marker以顯示RectangleOverlay的框架和一個不可拖動的標記,以顯示半透明框本身。然後,添加綁定到一些the maps' events以更新標記的大小和位置,即地圖的'bounds_changed,drag和/或center_changed事件。最後,通過將函數綁定到其dragend事件來拖動框架時更新地圖的位置。

+2

感謝您的建議以及我對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 2011-01-22 15:52:02

1

檢出http://code.google.com/p/gmaps-api-v3-overviewmapcontrol這是一個開源項目,用於近似v2的GOverviewMapControl的功能。

+0

我實際上最終完全模仿了V3中的OverviewMap並使可拖動的藍色框工作。不過,由於概覽地圖仍包含Google徽標和對地圖提供商的引用,因此我最終放棄了它,因爲在小型疊加窗口中這看起來不太好。你知道你在這裏提到的項目是否能夠克服這個問題嗎? – eclipse31 2010-09-28 12:40:47

+0

還沒有。但是我是該項目的主要開發人員,我想我會看看是否無法在Maps API團隊和/或Google Legal上追蹤某人以獲取有關獲取權限的信息。 – jgeerdes 2010-09-30 02:13:42

2

我現在正在使用v3,overviewMapControl似乎工作。在它上面找不到任何文檔。

overviewMapControl:真

然後你就看到在地圖的右側有一個小箭頭。點擊將打開它。無法弄清楚如何用javascript(jquery)觸發此點擊似乎不起作用。

3

這是如何工作的地圖中的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對象的最後兩個屬性。他們這樣做。