mmg
Version:
Simple markers for Modest Maps
54 lines (52 loc) • 1.6 kB
HTML
<html>
<head>
<link href='leaflet/leaflet.css' type='text/css' rel='stylesheet' />
<title>mmg</title>
<style>
.m {
width:500px;
height:400px;
margin:5px;
float:left;
border:1px solid #000;
}
</style>
</head>
<body>
<script type='text/javascript' src='leaflet/leaflet.js'></script>
<script type='text/javascript' src='leaflet/wax.leaf.min.js'></script>
<script type='text/javascript' src='src/leaflet/simplestyle.js'></script>
<script type='text/javascript'>
var features = [{
'type': 'Feature',
'geometry': {
'type': 'Point',
'coordinates': [-77, 38.8]
},
"properties": {
"marker-shape": "pin",
"marker-size": "medium",
"marker-symbol": "bus",
"marker-color": "#0f0"
}
}];
wax.tilejson('http://a.tiles.mapbox.com/v3/tmcw.map-d1edkndr.jsonp',
function(tj) {
var d = document.body.appendChild(document.createElement('div'));
d.className = 'm';
// d.style.backgroundImage = 'url("' + sapi(z) + '")';
var m = new L.Map(d)
m.addLayer(new wax.leaf.connector(tj));
m.setView(new L.LatLng(38.2, -79), 7);
reqwest({
url: 'example/simplestyle.geojson',
type: 'json',
success: function(f) {
m.addLayer(new L.GeoJSON(f, lsimplestyle));
},
})
});
</script>
</body>
</html>