How-to: Embedded Paintmap Maps

We are working to add more features to the Paintmap Maps for our artists and users, we also strive to make it even easier for non-programmers to embed maps into their webpages.

This is the basic code needed to get a Google Map running on your site (or blog!):

<iframe width="450" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.paintmap.com/frame.php?author=jaime&lat=43&lng=1&zoom=3"></iframe>



Let's see how to change the size map and filter the paintings by author.

You can edit the value of: width="450" and height="250" to play with the map size.

To set the map center edit the string (lat, lng and zoom variables) and remove jaime (change to all) from your code to show all paintmap paintings or add your own user:

author=jaime&lat=34&lng=8&zoom=3

Some examples, show all artists:

<iframe width="450" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.paintmap.com/frame.php?author=all&lat=43&lng=1&zoom=3"></iframe>



All artists with a wide zoom:

<iframe width="450" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.paintmap.com/frame.php?author=all&lat=34&lng=10&zoom=1"></iframe>




If you have a blog, you can add your map in a new page or post thought the HTML editor (visual -> html) and using the same code.

Finally, if you need some coordinates you can use any simple geocoder as: http://gmaps-samples.googlecode.com/svn/trunk/geocoder/singlegeocode.html to get them and apply the zoom you need.