<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset=utf-8 /> | |
<title>Single Marker</title> | |
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' /> | |
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js'></script> | |
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.css' rel='stylesheet' /> | |
<style> | |
body { margin:0; padding:0; } | |
#map { position:absolute; top:0; bottom:0; width:100%; } | |
</style> | |
</head> | |
<body> | |
<div id='map'></div> | |
<script> | |
var map = L.mapbox.map('map', 'examples.map-20v6611k') | |
.setView([37.9, -77], 6); | |
L.mapbox.markerLayer([ | |
{ | |
// this feature is in the GeoJSON format: see geojson.org | |
// for the full specification | |
type: 'Feature', | |
geometry: { | |
type: 'Point', | |
// coordinates here are in longitude, latitude order because | |
// x, y is the standard for GeoJSON and many formats | |
coordinates: [-77, 37.9] | |
}, | |
properties: { | |
title: 'A Single Marker', | |
description: 'Just one of me', | |
// one can customize markers by adding simplestyle properties | |
// http://mapbox.com/developers/simplestyle/ | |
'marker-size': 'large', | |
'marker-color': '#f0a' | |
} | |
},{ | |
// this feature is in the GeoJSON format: see geojson.org | |
// for the full specification | |
type: 'Feature', | |
geometry: { | |
type: 'Point', | |
// coordinates here are in longitude, latitude order because | |
// x, y is the standard for GeoJSON and many formats | |
coordinates: [-77, 37.95] | |
}, | |
properties: { | |
title: 'A Single Marker', | |
description: 'Just one of me', | |
// one can customize markers by adding simplestyle properties | |
// http://mapbox.com/developers/simplestyle/ | |
'marker-size': 'large', | |
'marker-color': '#f0a' | |
} | |
} | |
]).addTo(map); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment