Skip to content

Instantly share code, notes, and snippets.

@powersa

powersa/example_three.html

Created October 23, 2014 03:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save powersa/eea9e0513f98bc076810 to your computer and use it in GitHub Desktop.
Save powersa/eea9e0513f98bc076810 to your computer and use it in GitHub Desktop.
Download ZIP
MaptimeSEA, Meeting 1, Example 3
Raw
example_three.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MaptimeSEA Slippy Map</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<style>
#mapContainer { height: 380px; width: 50%; }
</style>
</head>
<body>
<div id="mapContainer">
</div>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script type="text/javascript">
//initialize the map
var map = L.map('mapContainer').setView([47.65, -122.4], 11);
//Add a basemap
L.tileLayer('http://{s}.tiles.mapbox.com/v3/spatialdev.map-c9z2cyef/{z}/{x}/{y}.png').addTo(map);
var marker = L.marker([47.623369, -122.330168]).bindPopup("<b>Hello MaptimeSEA!</b><br>I am a popup.").openPopup().addTo(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment