Created
March 5, 2013 20:10
-
-
Save tmcw/5093824 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Modest Maps JS</title> | |
<script type="text/javascript" src="https://raw.github.com/modestmaps/modestmaps-js/master/modestmaps.min.js"></script> | |
<script type="text/javascript" src="follower.js"></script> | |
<script type="text/javascript"> | |
var map; | |
function initMap() { | |
var src = document.getElementById('src'); | |
eval(src.textContent || src.innerText); | |
} | |
</script> | |
</head> | |
<body onload="initMap()"> | |
<h1>Modest Maps JS</h1> | |
<p><a href="javascript:map.zoomIn()">zoom in</a> | <a href="javascript:map.zoomOut()">zoom out</a> | |
<br><a href="javascript:map.panLeft()">pan left</a> | <a href="javascript:map.panRight()">pan right</a> | <a href="javascript:map.panDown()">pan down</a> | <a href="javascript:map.panUp()">pan up</a></p> | |
<div id="map"> | |
</div> | |
<p>The above div is a map initialized like so:</p> | |
<pre id="src"> | |
var layer = new MM.Layer(new MM.MapProvider(function(coord) { | |
var img = parseInt(coord.zoom) +'-r'+ parseInt(coord.row) +'-c'+ parseInt(coord.column) + '.jpg'; | |
return 'http://osm-bayarea.s3.amazonaws.com/' + img; | |
})); | |
map = new MM.Map('map', layer, new MM.Point(900,900)) | |
var f = new MM.Follower(map, new MM.Location(37.811530, -122.2666097), '° Broadway and Grand'); | |
map.setCenterZoom(new MM.Location(37.811530, -122.2666097), 14); | |
</pre> | |
<p>Hands up who wants overlays?</p> | |
<div id="log"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment