mmg
Version:
Simple markers for Modest Maps
54 lines (47 loc) • 2.43 kB
HTML
<html>
<head>
<title>MapBox markers.js</title>
<meta name='description' content='markers.js is a markers library for Modest Maps made by MapBox' />
<link href='site/site.css' rel='stylesheet' type='text/css' />
<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' src='dist/mmg.0.3.2.min.js'></script>
<link href='dist/mmg.0.3.2.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div class='column'>
<div class='branding'>
<h2>markers.js</h2>
<a class='mapbox-logo' href='http://mapbox.com/'>MapBox</a>
</div>
<iframe frameborder=no width=960 height=200 src='http://bl.ocks.org/d/3067726/'></iframe>
<a class='code-link' href='https://gist.github.com/3067726'>view source</a>
<p><strong>markers.js</strong> adds points in <a href='http://www.geojson.org/'>GeoJSON</a>
on maps powered by <a href='http://modestmaps.com/'>Modest Maps</a>. It's made to be a nice,
flexible interface that works well with any design.</p>
<iframe frameborder=no width=960 height=200 src='http://bl.ocks.org/d/3067697/'></iframe>
<a class='code-link' href='https://gist.github.com/3067697'>view source</a>
<p>mmg comes with a <strong>simplestyle factory</strong> which implements the
<a href='https://github.com/mapbox/simplestyle-spec'>simplestyle spec</a> and
adds nice markers to GeoJSON with a predictable scheme of attributes.</p>
<script src="https://gist.github.com/3063018.js?file=mmg_walkthrough.js"></script>
<a class='link-panel' href='https://github.com/mapbox/mmg'>Clone or Download on GitHub →</a>
<a class='link-panel' href='https://github.com/mapbox/mmg/wiki'>Developer Documentation →</a>
<a class='link-panel' href='http://mapbox.com/mmg/test/'>Test Suite →</a>
</div>
<script type="text/javascript">
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '4e970faef5a1f51def000002');
t.src = '//secure.gaug.es/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script>
</body>
</html>