將Fusion Tables中的InfoWindow數據加載到div外的地圖

我希望有人能夠幫助解決相當簡單的問題。我在這裏看到了一個關於嘗試沒有鼠標點擊的問題，但是我想添加一個事件監聽器到Fusion Table地圖上的標記上，以便將infoWindow內容加載到地圖下方的獨立div中。到目前爲止，我已經壓制了infoWindow，但是在添加點擊，檢索與該標記相關的數據並加載到div中的下一步中，我有點失落。將Fusion Tables中的InfoWindow數據加載到div外的地圖

標記顯示僅限於用戶位置設定半徑內的標記，以減少加載時間。

我假設我需要開始像這樣的東西：

google.maps.event.addListener(layer, 'click', function() {

我會爲任何線索感激。

這裏是我的代碼的相關位至今：

var tableid = '[ID]'; 

var layer = new google.maps.FusionTablesLayer({ 
query: { 
select: 'Location', 
from: tableid, 
where: 'ST_INTERSECTS(Location, CIRCLE(LATLNG'+marker.position+', 2000))' 
}, 
options: { 
suppressInfoWindows: true 
} 
}); 

var circle = new google.maps.Circle({ 
       map: map, 
       radius: 2000, 
fillOpacity: 0.1, 
strokeOpacity: 0, 
clickable: false 
}); 

    circle.bindTo('center', marker, 'position'); 

layer.setMap(map); 
    });

編輯：

每個人的娛樂，這是我到目前爲止已經試過：

google.maps.event.addListener(layer, "click", function() { 
      $('#infoWindowDiv').append('new google.maps.infoWindowHtml'); 
     });

它可能令人驚訝的是沒有人認爲它不起作用。但是，嘿，至少我在努力！由於

編輯2：

我很高興地說，我已經找到一個可行的解決方案 - 這是我張貼在這裏爲別人誰可能有同樣的問題/目標：

google.maps.event.addListener(layer, "click", function (e) { 
      document.getElementById("infoWindowDiv").innerHTML = e.infoWindowHtml; 
});

來源

2012-11-30 sideroxylon

我我很高興地說我找到了一個可行的解決方案 - 我可以在這裏發佈給其他任何可能有相同問題/目標的人：

google.maps.event.addListener(layer, "click", function (e) { 
     document.getElementById("infoWindowDiv").innerHTML = e.infoWindowHtml; 
     });

來源

2012-11-30 21:21:47 sideroxylon

將Fusion Tables中的InfoWindow數據加載到div外的地圖

回答

相關問題