将信息窗口放置在远离标记的静态位置（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 &来完成。