Archive for October, 2007

27
Oct

Published two Google Maps Mapplets

In my previous post I mentioned how custom Google Mapplets can be added to your Google Maps website. I have now created two mapplets myself. The first is an overlay of the Southern African Development Corridors main transport infrastructure. The second one is a mapplet for the journeys of apostle Paul which I have already created Google Earth files for. Feel free to check them out!

24
Oct

Google Maps Mapplets

Besides using Google Maps to find locations, businesses, etc. it is also possible to embed a Google Map in your own website. To be able to do so you do need to sign up for a Google Maps API key.

Using the MyMaps tab it is possible to add your own content to Google Maps and share this with the rest of the world! You can either add a placemark, line or shape to your map, name your map and Edit or Save it. When saving it you have the choice of making it public or private. Public maps are maps that you want to publish and share with everyone. Public maps will be included in the search results on Google Maps and Earth.

A nice new feature of Google Maps are the so called Google Mapplets which are mini applications based on Google Maps which allow you to add your own content or features. Mapplets are stored on Google’s servers and can be shared in an online official directory so that others can load up your mapplet as well.

An example is the getLatLongPlus mapplet which allows you to click on any point in the map and get the coordinates back in latitude longitude. You can also output this data in georss, kml or gpx format for integration with other applications and or GPS receivers!

17
Oct

Google Map based on PostGIS data

A spatial database does not store just plain records but is optimized to store and query data related to objects in space, including points, lines and polygons. Spatial databases have been around for a while now but are currently gaining popularity rapidly. Where the market was dominated by Oracle Spatial for a large number of years, there are promising alternatives these days including PostgreSQL in combination with PostGIS spatial extension, as well as MySQL with spatial extensions. Microsoft’s SQL Server can also store spatial information.

So what is the advantage of having a spatial database? For one, having all your data in a central database including well defined privileges, is a great thing to have. Besides this it is possible to extend the more standard SQL queries with spatial queries. E.g. which towns lie within a zone of 100km around the epicenter of the earthquake location. But a spatial database can also be used to populate a Google Map (or other online mapping applications) as I have shown in the image here:
Google Map based on PostGIS
In the example below I connect to my PostgreSQL database by means of PHP.

$db_handle = pg_connect(“host=localhost port=5432 dbname=outbreak_locations user=mark password=whatever”);
$query = “SELECT * FROM locations”;
$result = pg_exec($db_handle, $query);

Once we have our connection it is time to generate the XML format which will be used to populate our Google Map.

header(“Content-type: text/xml”);
// Start XML file, echo parent node
echo ‘‘;
for ($row = 0; $row < pg_numrows($result); $row++) {
// ADD TO XML DOCUMENT NODE
echo ‘
echo ‘town=”‘ . parseToXML(pg_result($result, $row, ‘town’)) . ‘” ‘;
echo ‘country=”‘ . parseToXML(pg_result($result, $row, ‘country’)) . ‘” ‘;
echo ‘lat=”‘ . parseToXML(pg_result($result, $row, ‘latitude’)) . ‘” ‘;
echo ‘lon=”‘ . parseToXML(pg_result($result, $row, ‘longitude’)) . ‘” ‘;
echo ‘/>’;
}

// End XML file
echo ”;
?>

Make sure you include the parseToXML function included at the top of your php file:

function parseToXML($htmlStr)
{
$xmlStr=str_replace(‘<’,'<’,$htmlStr);
$xmlStr=str_replace(‘>’,'>’,$xmlStr);
$xmlStr=str_replace(‘”‘,’”‘,$xmlStr);
$xmlStr=str_replace(“‘”,”’,$xmlStr);
$xmlStr=str_replace(“&”,’&’,$xmlStr);
return $xmlStr;
}

The above code is the php used to generate the XML. This php file is referred to from the index.html file which loads the actual Google Map. Besides calling the Google Map API using your own key file and declaring your marker symbols, add two functions:

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById(“map”));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(0, 0), 1);
GDownloadUrl(“generate_gmap_xml.php”, function(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName(“marker”);
for (var i = 0; i < markers.length; i++) {
var town = markers[i].getAttribute(“town”);
var country = markers[i].getAttribute(“country”);
var type = markers[i].getAttribute(“type”);
var point = new GLatLng(parseFloat(markers[i].getAttribute(“lat”)),
parseFloat(markers[i].getAttribute(“lon”)));
var marker = createMarker(point, country, town, type);
map.addOverlay(marker);
}
});
}
}

and

function createMarker(point, name, country, town, type) {
var marker = new GMarker(point, customIcons[type]);
var html = “” + name + “
” + country + ”
” + town + ”
” + type;
GEvent.addListener(marker, ‘click’, function() {
marker.openInfoWindowHtml(html);
});
return marker;
}