設置信息窗口圓角在谷歌地圖

Question

我有一個多標記谷歌地圖，它工作正常，但我想設置信息窗口，以圓角

和我的代碼是：

<script type="text/javascript"> 

var locationList = new Array('23.2531803, 72.4774396', '22.808782, 70.823863'); 

var message = new Array('Kalol , Gujarat , India , 382721<br /><br /> Go to <a href="/joomla_1.5/index.php?option=com_content&amp;view=article&amp;id=9:chinta-ta-ta-chita-chita-wwwsongspk&amp;catid=1:cat1&amp;Itemid=7">Kalol</a>', 'Morbi , Gujarat , India , 363641<br /><br /> Go to <a href="/joomla_1.5/index.php?option=com_content&amp;view=article&amp;id=9:chinta-ta-ta-chita-chita-wwwsongspk&amp;catid=1:cat1&amp;Itemid=7">Morbi</a>'); 

var map; 
var lat_min = 22.808782; 
var lat_max = 23.2531803; 
var lng_min = 70.823863; 
var lng_max = 72.4774396; 
window.onload = function() { 
    var myOptions = { 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
      map.setCenter(new google.maps.LatLng(
         ((lat_max + lat_min)/2.0), 
         ((lng_max + lng_min)/2.0) 
         )); 

      map.fitBounds(new google.maps.LatLngBounds(
        new google.maps.LatLng(lat_min - 0.01 , lng_min - 0.01), 
        new google.maps.LatLng(lat_max + 0.01, lng_max + 0.01) 
        )); 
      for (var i = 0; i < locationList.length; i++) 
      { 
       var args = locationList[i].split(","); 
       var location = new google.maps.LatLng(args[0], args[1]) 
       var marker = new google.maps.Marker({ 
        position: location, 
        map: map, 
        animation: google.maps.Animation.DROP 
        }); 
        var j = i + 1; 
        marker.setTitle(message[i].replace(/(<([^>]+)>)/ig,"")); 
        attachSecretMessage(marker, i); 
     } 
} 
function attachSecretMessage(marker, number) { 
var infowindow = new google.maps.InfoWindow(
{ 
content: message[number], 
}); 
google.maps.event.addListener(marker, 'click', function() { 
infowindow.open(map, marker); 
}); 

} 
</script> 
<div id="map_canvas" style="width:615px; height:400px;"></div> 

Answer 1

infoBox構造函數使用一個字符串值可以設置此信息框的css類的參數，名爲boxClass，然後您可以使用它來自定義它。

這裏有一個例子：

 var label1 = new InfoBox({ 
     content: "<div id='label1'>1. Click Me! <br><small>Pane: floatPane (above)</small></div>", 
     boxClass: "labelMap label1", 
     disableAutoPan: true, 
     position: new google.maps.LatLng(49.24660149427584,-123.11008930206299), 
     closeBoxURL: "", 
     isHidden: false, 
     pane: "floatPane" , // Pane 2 
     enableEventPropagation: true, 
}); 
label1.setMap(_map);