Tutorial
Firefox OpenSearch on popup menu after highlighting text
Submitted by wholemap on Tue, 2008-05-06 11:43. TutorialI consider myself a 'power' FireFox user, but I had no idea you could run an OpenSearch search of text you highlight. It even opens the search results in a new tab! Here's a quick video of the functionality in use, followed by the really easy steps to follow.
Google Earth KML file for the photographs on my photoblog
Submitted by wholemap on Fri, 2008-04-25 22:26. Maps | Tutorial | Web programmingSummary: A quick tutorial on how I put together a PHP script to serve a Google Earth KML file updated live with all the geo-tagged photos from my photo-blog, stored in MySQL. Rather than having people store the whole, static data file on their local machine, I've created a small, second XML file that uses the <NetworkLink> element to have Google Earth re-load the data file every hour, so that newly geotagged photos are included as well.
If you have Google Earth installed you should just be able to load the KML data file on this page to see a live version of the links.
GEO microformat markup added
Submitted by wholemap on Mon, 2007-05-14 22:14. Maps | Sample code | Tutorial | Web programmingI've added GEO microformat codes to a bunch of the pages here at Wholemap (as well as to my photoblog entries). The various Firefox extensions that I have seem to recognize them, but to be quite honest, I'm not sure really how anyone will use them just yet... are there search engines that recognize them? More information about Microformats in general is available here
HTML example for part 3 of the Mapstraction tutorial
Submitted by wholemap on Thu, 2006-10-05 18:12. Maps | Sample code | Tutorial | Web programming<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
// As described in the third tutorial at http://www.wholemap.com/blog/mapstraction-tutorial3
// and available online at http://www.wholemap.com/map/zMapstraction-demo2-yahoo.html
<head>
Mapstraction tutorial part 3 - Switching from Google Maps to Yahoo
Submitted by wholemap on Thu, 2006-10-05 17:36. Maps | Tutorial | Web programmingOne of the main benefits of Mapstraction is the ability to write the code once, and easily use it with different mapping systems (eventually even OpenStreetMap). So in part three of this tutorial we'll try switching from Google Maps over to Yahoo Maps. Will it really be as simple as changing one parameter?
Mapstraction tutorial
Submitted by wholemap on Thu, 2006-09-28 23:20. Maps | Podcast | Tutorial | Web programmingIt was time to start moving my old Google Maps pages over to version 2 of the API, and I thought I'd consider using another mapping solution (maybe Yahoo Maps or Microsoft). But then fate intervened and I happened to listen to a podcast from the Where 2.0 conference by Steve Coast. He talked about Open Street Map and more importantly to me, Mapstraction.
From their homepage
- Mapstraction is a library which provides a common API for Google, Yahoo! and Microsoft's javascript mapping APIs to enable switching from one to another as smoothly as possible.
HTML example for part 2 of the Simple Mapstraction tutorial
Submitted by wholemap on Sat, 2006-09-23 00:30. Maps | Sample code | Tutorial | Web programming<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
// As described in the second tutorial at http://www.wholemap.com/blog/mapstraction-tutorial2
// and available online at http://www.wholemap.com/map/zMapstraction-demo2.html
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
Mapstraction tutorial part 2 - Adding map controls and markers
Submitted by wholemap on Sat, 2006-09-23 00:26. Maps | Tutorial | Web programmingIn the first part of our Mapstraction tutorial we displayed a simple Google map. Now we'll take a look at the API documentation and add some controls to our map along with a couple of markers, one simple, one more complex with a custom graphic.
HTML example for the Simple Mapstraction tutorial
Submitted by wholemap on Thu, 2006-09-21 19:49. Maps | Sample code | Tutorial | Web programming<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
// As described at http://www.wholemap.com/blog/mapstraction-tutorial
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Mapstraction Demo</title>
// We'll start out using Google
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAA...-OUw" type="text/javascript"></script>
Simple introductory tutorial for Mapstraction
Submitted by wholemap on Thu, 2006-09-21 18:31. Maps | Podcast | Tutorial | Web programmingIt was time to start moving my old Google Maps pages over to version 2 of the API, and I thought I'd consider using another mapping solution (maybe Yahoo Maps or Microsoft). But then fate intervened and I happened to listen to a podcast from the Where 2.0 conference by Steve Coast. He talked about Open Street Map and more importantly to me, Mapstraction.
From their homepage
- Mapstraction is a library which provides a common API for Google, Yahoo! and Microsoft's javascript mapping APIs to enable switching from one to another as smoothly as possible.
