Como alterar a cor, padding e margin da infowindow ?

[oscar009 0]

Olá pessoal ,

 

Não tenho conhecimento nenhum em javascript , porém eu estou tentando mudar a cor da infowindow no mapa e tirar aquele padding e as bordas radius . mas não estou conseguindo.

 

alguem tem uma solução ai para me ajudar com essa infowindow ?

 

o script que estou usando .

 

$(document).ready(function() {

var latlng = new google.maps.LatLng( -23.5545776,-46.6472447 );

var options = {

zoom: 13,

center: latlng,

zoonControl: true,

zoomControlOptions: {

style: google.maps.ZoomControlStyle.SMALL,

position: google.maps.ControlPosition.LEFT_BOTTOM },

mapTypeControl: false,

disableDoubleClickZoom: true,

mapTypeControl: false,

scaleControl: false,

scrollwheel: false,

panControl: false,

streetViewControl: true,

draggable : true,

overviewMapControl: false,

overviewMapControlOptions: {

opened: false,

},

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById('map_div'), options);

// Propriedades do marcador

var image = new google.maps.MarkerImage('images/marker.png',

new google.maps.Size(62, 62),

new google.maps.Point(0,0),

new google.maps.Point(18, 42)

);

// Adicionar marcador

var marker1 = new google.maps.Marker({

position: new google.maps.LatLng( -23.560303,-46.657365 ),

map: map,

icon: image

});

google.maps.event.addListener(marker1, 'click', function() {

infowindow1.open(map, marker1);

});

var infowindow1 = new google.maps.InfoWindow({

content: createInfo('<div>','vazio','</div>')

});

function createInfo(title, content) {

return '<div><strong>'+ title +'</strong><br />'+content+'</div>';

}

});

Agradeço desde já.

Oscar

 

 

[angelorubin 142]

Veja se este material ajuda:

 

http://jsfiddle.net/jEhJ3/597

 

https://www.google.com.br/search?q=modify+marker+google+maps&ie=utf-8&oe=utf-8&gws_rd=cr&ei=KY-mVLr7J4TYggT6j4OwDA#q=google+maps+custom+infowindow

 

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html#InfoBoxOptions

 

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html