Skip to content

Instantly share code, notes, and snippets.

@rtanglao

rtanglao/markpoints.html

Created September 27, 2010 01:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rtanglao/598457 to your computer and use it in GitHub Desktop.
Save rtanglao/598457 to your computer and use it in GitHub Desktop.
Download ZIP
mark all 3700 gastown photo locations
Raw
markpoints.html
<!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" xml:lang="en">
<head>
<title>Gastown</title>
</head>
<body>
<div id="cm-example" style="width: 800px; height: 600px"></div>
<script type="text/javascript" src="http://tile.cloudmade.com/wml/latest/web-maps-lite.js"></script>
<script type="text/javascript" src="sample-points.js"></script>
<script type="text/javascript">//<![CDATA[
var cloudmade = new CM.Tiles.CloudMade.Web({key: 'ccfc587e00ca40458db437d57437f5cf',styleId: 24484});
var map = new CM.Map('cm-example', cloudmade);
// set centre to be Gastown Centroid from Flickr:
// http://www.flickr.com/places/info/26332810
map.setCenter(new CM.LatLng(49.2826, -123.1043), 16);;
for (var i = 0; i < samplePoints.length; i++) {
var polygon = new CM.Polygon([
new CM.LatLng(samplePoints[i][0],
samplePoints[i][1])
], "#FF0000", 4, 0.5);
map.addOverlay(polygon);
}
//]]></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment