谷歌地图整合与自定义infowindow多标记

Question

我已经使用编码多个标记，我需要自定义信息窗口，现在显示默认的。我需要自定义窗口的背景图像，并与链接

 <script type="text/javascript"> 
     var locations = [['chennai', 13.0810, 80.2740, 4], 
     ['madurai', 9.9300, 78.1200, 5], 
     ['coimbatore', 11.0183, 76.9725, 3], 
     ['Trichy', 10.8100, 76.9725, 2], 
     ['vellore', 12.9202, 79.1333, 1]]; 

     var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 10, 
     center: new google.maps.LatLng(13.0810, 80.2740), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var infowindow = new google.maps.InfoWindow(); 

    var marker, i; 
var icon='images/'; 
for (i = 0; i < locations.length; i++) { 
    marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
    icon: icon + 'pin.png', 
    map: map 
    }); 

    google.maps.event.addListener(marker, 'click', (function(marker, i) { 
    return function() { 
     infowindow.setContent(locations[i][0]); 
     infowindow.open(map, marker); 
    } 
    })(marker, i)); 
    } 
</script> 

Answer 1

你可以把你喜欢的东西HTML wise到您使用该调用创建信息窗口。

infowindow.setContent(locations[i][0]); 

所以，你可以举例来说做到这一点

var info = '<div class="mybackground">' + 
'<div>Hello World</div> 
'<div><a href="url">Link</a></div> 
'<div>'; 
infowindow.setContent(info);