Javascript 在谷歌地图中设置infowindow圆角
我有一个多标记谷歌地图,它可以正常工作,但我想把infowindow设置为圆角 我的代码是:Javascript 在谷歌地图中设置infowindow圆角,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,我有一个多标记谷歌地图,它可以正常工作,但我想把infowindow设置为圆角 我的代码是: <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 />
<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&view=article&id=9:chinta-ta-ta-chita-chita-wwwsongspk&catid=1:cat1&Itemid=7">Kalol</a>', 'Morbi , Gujarat , India , 363641<br /><br /> Go to <a href="/joomla_1.5/index.php?option=com_content&view=article&id=9:chinta-ta-ta-chita-chita-wwwsongspk&catid=1:cat1&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>
变量位置列表=新数组('23.2531803,72.4774396','22.808782,70.823863');
var message=new Array('Kalol,Gujarat,India,382721
Go to','Morbi,Gujarat,India,363641
Go to');
var映射;
var lat_min=22.808782;
var lat_max=23.2531803;
var lng_min=70.823863;
var lng_max=72.4774396;
window.onload=函数(){
变量myOptions={
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
map.setCenter(新的google.maps.LatLng(
((横向最大值+横向最小值)/2.0),
((液化天然气最大值+液化天然气最小值)/2.0)
));
map.fitBounds(新的google.maps.LatLngBounds)(
新的google.maps.LatLng(lat_min-0.01,lng_min-0.01),
新的google.maps.LatLng(lat_max+0.01,lng_max+0.01)
));
对于(变量i=0;i)/ig,”);
attachSecretMessage(标记,i);
}
}
函数attachSecretMessage(标记、编号){
var infowindow=new google.maps.infowindow(
{
内容:信息[编号],
});
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});
}
信息框构造函数获取一个名为boxClass
的参数,该参数带有一个字符串值,可以设置此信息框的css类,然后您可以使用该字符串值对其进行自定义
以下是一个示例:
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);
var label1=新信息框({
内容:“1.单击我!
窗格:浮动窗格(上图)”,
boxClass:“labelMap label1”,
是的,
位置:new google.maps.LatLng(49.24660149427584,-123.11008930206299),
closeBoxURL:“”,
伊希登:错,
窗格:“浮动窗格”,//窗格2
enableEventPropagation:true,
});
label1.setMap(_-map);