views:

133

answers:

2

I just came across http://fwix.com/

I really like how they create the InfoWindow (popup) when you click on a map marker because the corners on their InfoWindow are not as round as the default InfoWindow corners.

Question: How do they create their InfoWindow so square, which I like, because the default Google Maps InfoWindow for a map marker is very round.

UPDATE:

Here is a screenshot of what I'm talking about:

example

+2  A: 

I'm not sure how FWIX.com is doing it specifically, but I'd wager they are using Custom Overlays.

Scott Mitchell
Does a Custom OVerlay have all the same properties as a normal google map marker? Meaning, I can still do setIcon, setZIndex, etc with a Custom Overlay **OR** do I have to re-implement all of that functionality?
SarahBeale
+1  A: 

EDIT After some hunting around, this seems to be the best option:

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


Google provide a demo that shows how to implement a custom info window. It requires a fair amount of code, but seems to be pretty straightforward.


There are some more examples using the Google Maps Utility Library (v3) Styled Marker extension. They definitely don't look as nice as the example in your screenshot, however.

Drew Noakes