Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图中设置infowindow圆角_Javascript_Jquery_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 在谷歌地图中设置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 />

我有一个多标记谷歌地图,它可以正常工作,但我想把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 /> 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>


变量位置列表=新数组('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);