I want to pletely customize the infowindow in google maps v3? I just want to show a image there, No white rounded background with arrow.

Is it possible in v3? or any workaround?

Something like this

I want to pletely customize the infowindow in google maps v3? I just want to show a image there, No white rounded background with arrow.

Is it possible in v3? or any workaround?

Something like this

• javascript
• google-maps

2 Answers 2

take a look at the sources of this example - pletely customized info window (Google Map API v3 is used).
I found that example on Google Map API v3 Group - "Custom InfoWindow examples" - just in case you will need more info

If you just need a image as a marker, then you don't need an InfoWindow. You can set a custom image as a location marker.

pin=new google.maps.LatLng(50.00, 50.00);

if(marker) {
    marker.setMap(null);
}

var markerIcon = "car.png";

marker=new google.maps.Marker({
    position:pin,
    zIndexProcess: function( m )
    {
        return 9999999
    },
    icon:markerIcon
});

marker.setMap(map);

map.setCenter(marker.getPosition());