2017-09-02 92 views
-1

我有一個彈出每當標記點擊打開一個div一個監聽器:谷歌地圖 - 偏心地圖上的結果

google.maps.event.addListener(marker, 'click', function() { 
    var boxText = document.createElement("div"); 
    boxText.style.cssText = "margin-top: 8px; background: #fff; padding: 0px;"; 
    boxText.innerHTML = this.html; 

    infoBox.setContent(boxText); 
    infoBox.open(map, this); 

    // Set Box Location 
    infoBox.pixelOffset_.height = searchType == "Event" ? -323 : -266; 

    // Set Map Center 
    map.panTo(infoBox.getPosition()); 
}); 

至於最後一行:map.panTo(infoBox.getPosition()),是有辦法偏心這一點,所以該地圖實際上位於結果之上?我的信息框正被我的標題截斷。我不想用實際的座標抵消,而只是大約一百個像素左右。

我試過在下面添加它:map.panBy(0, 100)但它不起作用。我可以將第一個數字更改爲向左或向右移動,但第二個數字不起作用。

+1

你能提供一個jsfiddle或其他工作示例嗎? – Dekel

+0

它會從我的現場版本看它嗎? http://www.otherlane.com/discover?event_search=&event_filter=&event_timeselect=This%20Week&event_start_date=&event_end_date=&event_kid_friendly=False&event_no_underage=False&event_free_admission=False&event_after_five=False&event_location=POINT(-75.15745670000001%2039.9509036)&search_type=Event –

+1

它有助於理解問題,但沒有太多的解決方案:)我更喜歡玩jsfiddle ...更容易 – Dekel

回答

1

我在下面添加了這一行。

map.panBy(0, -200)

這不是更早的工作,但我想我用它足夠長的時間擺弄。這最終成爲解決方案。

+0

我的投票解決你自己的問題:) – Dekel