Mozillians Country Select
HTML
<link rel="stylesheet" href="http://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.css">
<script src="http://api.tiles.mapbox.com/mapbox.js/v1.6.1/mapbox.js"></script>
<div id='map'></div>
CSS
select{
width: 100%;
}
#map { width:100%; height:180px; }
JavaScript
// Mapbox vars
var map, geocoder;
// Event handlers
function foundHandler(args){
//console.group('found');
console.log(args);
alert(args[1].latlng.'0');
//console.groupEnd();
}
function selectHandler(args){
console.group('select');
console.log(args);
console.groupEnd();
}
// Init Mapbox
geocoder = L.mapbox.geocoder('examples.map-vyofok3q');
map = L.mapbox.map('map', 'examples.map-9ijuk24y')
.addControl(
L.mapbox.geocoderControl('examples.map-vyofok3q', {})
.on('found',foundHandler)
.on('select',selectHandler)
);