Metro ITLC - Exmouth
Click on a marker or the links on the right to see details of a site; drag the map, zoom in/out or view satellite images.
This page shows how a custom map with many of the features of Google Maps can be created by using the Google Maps API services. These so called Google 'mashups' are being used by community groups for purposes such as disaster relief and there are now hundreds available. Services such as Frappr build on Google Maps to provide easy access without the need to write any code. In general a mashup is any web feature that builds on services provided by other sites.
An even simpler Google mashup example can be found on the Just10 Devon website.
The Google Maps API is an example of many new features appearing on the web that are being collectively called 'Web 2.0'. The web is evolving into a place of reuse, social interaction and collaborative content creation enabled by free access to simple tools, such as these. In addition to tagging, blogs and wikis there are web applications and APIs and mashups. This is having an impact in many fields including education and provides for effective collaborative e-Learning styles.
Coming of Age: An introduction to the NEW world wide web' is a free practical introduction to using many Web 2.0 features in education. It features articles by users of blogs, podcasts, wikis and others.
The intial location and zoom level of the map are set by the 'pCentre' and zoom variables in the script.
The markers are created near the end of the script by lines of the form:
addMarker("name", lat, lng, "html"); Where: name - a unique identifier lat, lng - position in latitute and longitude html - HTML markup to diplay in pop-up info window when marker clicked
The links on the right of the map are normal HTML links with the href set to:
Points in Google Maps are defined using latitude and longitude and the process of converting postal address to them is called geocoding. There are numerous ways to geocode and while the States has several free online services, there are fewer options for the UK.
You can use the Google maps web site to geocode an address by double clicking on the point to centre it and then using 'link to this page'. You can then copy them from the browser address bar; they appear after the 'll='. You will get better results when zoomed in.
There seem to be a few issues with resizing, in particular getting the map to resize to its container. The most successful approach may be to use the window onresize event to set the width and height of the map's container, letting it grow to fill the bottom right section of the page. See the Google Maps web site for an example (hint: search for onResize in the page source).
|Copyright Steve Lee 2006
This work is licensed under a
Creative Commons Attribution-ShareAlike
2.0 England & Wales License.
This software is licenced under the CC-GNU GPL .