mmg
Version:
Simple markers for Modest Maps
41 lines (39 loc) • 1.22 kB
HTML
<html>
<head>
<title>mmg: simple markers for Modest Maps</title>
<link href='src/mmg.css' rel='stylesheet' type='text/css' />
<style>
#map {
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}
</style>
</head>
<body>
<div class='column'>
<div id='map'></div>
</div>
<script type='text/javascript' src='src/mmg.js'></script>
<script type='text/javascript' src='src/simplestyle_factory.js'></script>
<script type='text/javascript' src='src/mmg_interaction.js'></script>
<script type='text/javascript' src='lib/modestmaps.min.js'></script>
<script type='text/javascript' src='lib/wax.mm.min.js'></script>
<script type='text/javascript'>
wax.tilejson('http://a.tiles.mapbox.com/v3/tmcw.map-5vaivzxq.jsonp', function(tj) {
var pts = mmg()
.factory(simplestyle_factory)
.url('example/simplestyle.geojson', function(ft, l) {
m.extent(l.extent());
});
mmg_interaction(pts);
var m = new MM.Map('map', [
new wax.mm.connector(tj)]);
m.addLayer(pts);
});
</script>
</body>
</html>