谷歌地圖API：V2：自定義infowindow bindInfoWindowHtml

API文檔給了我昨晚「bindInfoWindowHtml」的希望。
但它似乎並沒有替換默認的信息窗口，甚至當你谷歌地圖API：V2：自定義infowindow bindInfoWindowHtml

我一直在使用其他的想法，如labeledmarker嘗試提供自己的類等。但它不支持可拖動標記。因此不能在我的應用程序中使用它。

下面是顯示信息的示例代碼。窗口裏面，原來的泡沫。還有沒有辦法覆蓋該窗口！

<style type="text/css"> 
    .infoWindowCustomClass 
    { 
     width: 500px; 
     height: 500px; 
     background-color: #CAEE96; 
     color: #666; 
    } 
</style> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
<title>Google Maps JavaScript API Example</title> 
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key="" type="text/javascript"></script> 
<script type="text/javascript"> 

function load() { 
    if (GBrowserIsCompatible()) 
    { 
     // Create our "tiny" marker icon 
     var blueIcon = new GIcon(G_DEFAULT_ICON); 
     blueIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png"; 

     // Set up our GMarkerOptions object 
     markerOptions = { icon:blueIcon }; 

     var map = new GMap2(document.getElementById("map")); 
     map.setCenter(new GLatLng(33.968064,-83.377047), 13); 

     markerOptions.title = "fart"; 
     var point = new GLatLng(33.968064,-83.377047); 
     var marker = new GMarker(point); 
     var tempName = document.getElementById("infoWindowCustom"); 
     marker.bindInfoWindowHtml(tempName); 
     map.addOverlay(marker); 
    } 
} 

</script>`

這裏是DIV -

<DIV id="infoWindowCustom" name="infoWindowCustom" class="infoWindowCustomClass"> Name : <TEXTAREA NAME="nameID" ID="nameID" ROWS="2" COLS="25"></TEXTAREA> Comments : <TEXTAREA NAME="commentsID" ID="commentsID" ROWS="4" COLS="25"></TEXTAREA> </DIV>

來源

2010-03-29 PlanetUnknown

如下解決了這個問題 -

而不是如上結合呢，我拿郎/ lats並在那個地方推出一個div。
這似乎工作得很好。

來源

2010-09-24 17:47:01 PlanetUnknown

谷歌地圖API：V2：自定義infowindow bindInfoWindowHtml

回答

相關問題