Thursday, December 13, 2012

How to add custom infowindow for Google MAP API V3

InfoWindow is a commonly used feature for Google Map. When users click a marker, a popup window can be displayed to provide more information. Although google map API provides easy-to-use default InfoWindow feature, it is often much cooler to have custom InfoWindow, which will make your application unique. I will introduce two tutorials with simple examples to demonstrate how to develop custom infowindow on Google MAP API V3.

1) Multi-Tab InfoWindow
Multi-Tab InfoWindow is supported in Google MAP API V2, but not in V3. It is useful if you have a lot of information to display. 

The package InfoBubble can be used to implement multi-tab infowindow in V3. Here is a very good and easy-to-understand tutorial.

2) Customized InfoWindow Style
If you want to develop an InfoWindow with very different styles, you can use the Elabel package, which allows developers to flexibly control everything. You can design your own window style and actions. Here is the tutorial.


No comments:

Post a Comment