Subesh Pokhrel

Magento Developers Blog

Tabbed Infowindow in Google Maps

I wanted to show different categories of information on one GMarker. That is I wanted to show different types of information on a Infowindow for a point on Google Maps. For that I used a tabbed info window, which helped me to show different data on each tabs. Here is the code of what I have done. I have shown the latitude and longitude of a placed clicked on the map on the tabbed info window. This is just the script part. The demo and download links are given below. [sourcecode=”javascript”] [/sourcecode] Lets focus on the #17-#26 Lines of codes. Other Lines are already described on other posts. Please see the related post link below the post. #17: Creates a GMarker on the point where clicked on the Map. #18: Addes the GMarker over the Map. #19: Initiates an array of tabsinfoTabs with GInfoWindowTab function with tabname and its innerHTML as parameters. #20: Opens the infowindow calling openInfoWindowTabsHtml function and the array of tabs as parameters. [Download] [Demo]