將信息窗口放置在遠離標記的靜態位置（Google Maps）

Question

我想實現的目標（到目前爲止找不到任何東西）是infoWindow未附加到標記。我想將它放置在視口中的靜態位置，並根據點擊的標記交換內容。

問：如何將Google地圖標記infowindow放置在一個固定位置（而不僅僅是偏移）。

Answer 1

回答我的Q - 萬一有人需要這樣的：

// Add somewhere before creating your map to hide the info window as long as it got no content: 
<script type="text/javascript"> 
jQuery('#info').hide(); 
</script> 

<script type="text/javascript"> 
function createMarker(lat, lng, whatever) { 
    // map_object_name = the name of your map when you init() 
    html = "<strong>" + whatever + "</strong>"; 

    var marker = new google.maps.Marker({ 
     map: map_object_name, 
     position: new google.maps.LatLng(lat, lng) 
    }); 

    // This snippet adds the content on the fly (when you click the marker) 
    google.maps.event.addListener(marker, 'click', function() { 
     // This pans the viewport/centers the marker in your viewport 
     map_object_name.panTo(new google.maps.LatLng(lat, lng)); 

     // This shows the html-element with the id "info" and adds the html content 
     jQuery('#info').show(); 
     // This clears the content before you add new one 
     jQuery('#info').empty(); 
     jQuery('#info').append(html); 

     // Commented out - just as reference 
     // infoWindow.setContent(html); // the original infoWindow as you know it from Google Maps 
     // infoWindow.open(map_object_name, marker); // the same, just the callback 
    }); 
} 
</script> 

「配售」的#info元素/定位可以比正常的HTML CSS &來完成。