CODEWITHSUNDEEP
javascriptgoogle-maps
coure2011
coure2011

Reputation: 42394

customize google map's InfoWindow

I want to completely 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

alt text

Upvotes: 5

Views: 7549

Answers (2)

ATOzTOA
ATOzTOA

Reputation: 35940

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());

Upvotes: -1

Maxym
Maxym

Reputation: 11896

take a look at the sources of this example - completely 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

Upvotes: 3

Related Questions