Please can someone offer help, we are trying to add a interactive map to our website similar to http://southerncomfort-bnb.com/the-a...tractions-map/ which they are using wordpress plugin.


Can someone offer suggestion for html site

Thanks

You can customize a google map here and just add the final code to your website:

http://maps.google.com/help/maps/getmaps/plot-one.html

I used iMapBuilder.NEt which is an online map building tool before for another similar project. It let you build custom Google maps as the attraction map you show, with 'category' function so you can switch on/off group of points base on their category.

you need to maintain several arrays of the icons according to their categories.
When the category is chosen, then go through the array one by one and set the map property of the marker:

for(var i = 0; i < oneCategories.length; i ++) {
    oneCategories.setMap(map);
}

If you want to hide them:

for(var i = 0; i < oneCategories.length; i ++) {
    oneCategories.setMap(null);
}