Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the personal website of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast along with Marcus (pop star) Lillington on all things relating to building and running websites.

Latest shows

127. Context
In this week's show we discuss taking context into consideration when designing websites and we answer your questions about video for an elderly audience and the most influential books in the industry. 
126. Scaling
In this weeks show we learn lessons from the botched iPhone launch here in the UK. We chat to Jeff Veen about the designer / developer relationship and Marcus talks about adding jingles to your website.
125. Copy
In this weeks show we discuss how to give personality to your site copy and we talk with Elliot Jay Stocks about going freelance.
124. HTML 5
In this weeks show we explore how to create better online surveys and Lachlan Hunt joins us to discuss HTML5
123. Plight
In this weeks show we review Textmate and the Top 5 Tips for Web Designers and we discuss the plight of in-house designers.

or view all shows

Have your say

Leave a message for the show...

Buy my book: The website owners manual. A book for all those involved in designing, developing or running websites on a daily basis.

Add Google maps to your site

Published on: July 18, 2005 by Paul Boag

I am sure that by now you have all seen the new Google Maps feature. Some of you may already be linking to it from your address information on your site. However, what is exciting is that Google allow you to embed these maps directly into your site.

Features

As you can see from the example below, it is now possible to add Google Maps directly to your own site. This map offers you all of the functionality of the real Google maps including drag and drop support, zoom features and even satellite map overlays.

Google offers a whole range of customisation features including, but not limited to:

  • Plotting multiple points extracted from a database
  • Associating additional information with points through the use of information windows which appear when you click on a point (try clicking on the marker displayed below)
  • Customise the appearance of markers
  • Plot outlines or routes as well as single points
  • Add your own custom scripts to do pretty much anything when a user clicks a marker

Downsides

However, before you get too excited you should be aware of the drawbacks.

This product is still in Beta and although Google's betas are normally stable, it is possible you will encounter various bugs in its use. Furthermore, Google are constantly updating the product as they move towards a final release and so it may be necessary to update your code to accommodate these improvements.

It is also important to note that this application does require JavaScript to operate and so does not meet Accessibility guidelines. Sites will need to ensure that information provided on the map is also accessible through other means.

Unsurprisingly Google are reserving the right to associate advertising with these maps and so you can expect this to appear once the product moves out of Beta.

That said this is still an excellent product and a real addition to any site that needs to display location information. It is both user friendly, easy to implement but also incredibly powerful if you want to get into the depths of its functionality.

Comments

Comments are for the discussion of this post. If you have other questions / comments then post them to the forum or send me an email

  • Post by Paul Boag on July 26, 2005 7:58 PM

    I have had a few people contact me with specific techical questions relating to the implementation of these maps. If you could post your questions here that would be great because it means I wont have to answer the same question twice :)

  • Post by Dennis Lembree on November 23, 2005 9:31 PM

    How do I use this technology on my site? What code do I use? Thanks, Paul.

  • Post by Paul Boag on November 24, 2005 8:38 AM

    Hi Dennis,
    as you know I dont get into technical details on this blog however a quick look at my code on this page might be a good start. Also check out: http://www.google.com/apis/maps/ for details on how to intergrate this with your site.

Leave a comment

Additional Information

Supporting boagworld

Boagworld only exists thanks to the kind support of the following people. Check them out.

Speaking and writing

Powered by FeedInformer