Avestruzinator

Capoeiraholland Screenshot

New website for Batuque Capoeira

This week I launched a new website for my Capoeira Group. For this website I have used Joomla with a custom build template.

I have tried to make this website a Web 2.0 site by using components like:

• Flickr photo’s, all photos are retrieved from Flickr.com using the Joomla plugin ‘ Universal Playground – Flickr slideshows plugin’
• Stalker, to add links to Facebook, Hyves, Orkut, Flickr an Youtube
• EventList, to add events like Workshops and Shows
• Phoca guestbook, as a simple forum
• Google maps plugin

Future programming on this website will provide

• New guestbook items pushed to a twitter account
• New events through rss feed / twitter
• tagging of photos and feedback on lessons

To show the location of all lessons I started using the Google maps plugin by Mike Reume. However, I needed a overview map with all locations. To create that I wrote a PHP script that displays a map using only address info.

Custom Google Maps script

My custom Google maps script uses a combination of PHP, Javascript and HTML.

Before you can use this script on your website make sure you have a Google Api Key.

Download this script here: example_gmap.php.gz

Than modify the $configarray:

$configarray = array(
 array("id"=>'1',"address"=>'Kromhoutweg 1,Utrecht,Netherlands',"text"=>'Thursday<br>Time: 19:30 - 21:30'),
 array("id"=>'2',"address"=>'Raadhuisstraat 2,Malden,Netherlands',"text"=>'Wednesday<br>Time: 13.30 - 14.30 (children)'),
 array("id"=>'3',"address"=>'Krakenburg 6,Oss,Netherlands',"text"=>'Monday<br>Time: 13.30 - 14.30 (children)')
);

Fill the address fields with your addresses. Make sure the main array does not end with a , sign

Get your key from http://code.google.com/intl/nl/apis/maps/signup.html

$key = "your key";

Set a custom Icon file

$iconfile ="http://capoeiraholland.sonsbeekmedia.nl/gmapicons/kcmgtk.png";

When you would like to use a lot of addresses run it just once and save the entire page as a html page. Each address lookup performs a http request to google maps. This takes at least 1 second per lookup.

A demo can be viewed at the lessons page of capoeiraholland.