wadey/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="http://cdn.simplegeo.com/js/1.2/simplegeo.context.jq.min.js"></script>
<script type="text/javascript" src="http://github.com/simplegeo/polymaps/raw/v2.4.0/polymaps.js"></script>
</head>

<body>
<script type="text/javascript">
var client = new simplegeo.ContextClient('9QwstD6wHTZwPauttPwuksJqaCMGuhKe');

$(document).ready(function() {
    client.getLocationFromIP(function(err, position) {
        centerMap(err, position);
        $("#status").text("IP Location received. Asking for HTML5 location...");
        client.watchLocationFromBrowser({enableHighAccuracy: true}, centerMap);
    });

    var po = org.polymaps;
    var point;

    var map = po.map()
        .container($("#map")[0].appendChild(po.svg("svg")))
        .add(po.interact())
        .add(po.hash())
        .zoom(1);

    map.add(po.image()
        .url(po.url("http://{S}tile.cloudmade.com"
        + "/1a1b06b230af4efdbb989ea99e9841af"
        + "/998/256/{Z}/{X}/{Y}.png")
        .hosts(["a.", "b.", "c.", ""])));

    function centerMap(err, position) {
        if (err) {
            $("#status").text("Unable to load location info: " + err);
            // console.error(err)
        } else {
            var coords = position.coords;
            // console.log("Refocusing to:", position);
            map.center({lat: coords.latitude, lon: coords.longitude});

            if (position.source === 'simplegeo') {
                map.zoom(12);
            } else {
                $("#status").remove();
                map.zoom(15);
                if (!point) {
                  point = po.geoJson()
                      .features([]);
                  map.add(point);
                }
                point.features([{geometry: {coordinates: [coords.longitude, coords.latitude], type: "Point"}}]);
            }
        }
    }
});

</script>
<div id="status">Getting initial location...</div>
<div id="map"></div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	<script src="http://cdn.simplegeo.com/js/1.2/simplegeo.context.jq.min.js"></script>
	<script type="text/javascript" src="http://github.com/simplegeo/polymaps/raw/v2.4.0/polymaps.js"></script>
	</head>

	<body>
	<script type="text/javascript">
	var client = new simplegeo.ContextClient('9QwstD6wHTZwPauttPwuksJqaCMGuhKe');

	$(document).ready(function() {
	client.getLocationFromIP(function(err, position) {
	centerMap(err, position);
	$("#status").text("IP Location received. Asking for HTML5 location...");
	client.watchLocationFromBrowser({enableHighAccuracy: true}, centerMap);
	});

	var po = org.polymaps;
	var point;

	var map = po.map()
	.container($("#map")[0].appendChild(po.svg("svg")))
	.add(po.interact())
	.add(po.hash())
	.zoom(1);

	map.add(po.image()
	.url(po.url("http://{S}tile.cloudmade.com"
	+ "/1a1b06b230af4efdbb989ea99e9841af"
	+ "/998/256/{Z}/{X}/{Y}.png")
	.hosts(["a.", "b.", "c.", ""])));

	function centerMap(err, position) {
	if (err) {
	$("#status").text("Unable to load location info: " + err);
	// console.error(err)
	} else {
	var coords = position.coords;
	// console.log("Refocusing to:", position);
	map.center({lat: coords.latitude, lon: coords.longitude});

	if (position.source === 'simplegeo') {
	map.zoom(12);
	} else {
	$("#status").remove();
	map.zoom(15);
	if (!point) {
	point = po.geoJson()
	.features([]);
	map.add(point);
	}
	point.features([{geometry: {coordinates: [coords.longitude, coords.latitude], type: "Point"}}]);
	}
	}
	}
	});

	</script>
	<div id="status">Getting initial location...</div>
	<div id="map"></div>
	</body>
	</html>