Skip to content

Instantly share code, notes, and snippets.

@angelaperrone

angelaperrone/DunkinDonutsMapUSAGeoSearch

Created February 26, 2016 18:24
Show Gist options
  • Save angelaperrone/b6f55dcb06f6475dd06e to your computer and use it in GitHub Desktop.
Save angelaperrone/b6f55dcb06f6475dd06e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
DunkinDonutsMapUSAGeoSearch
<!-- Link for map ids: https://www.mapbox.com/developers/api/maps/#mapids -->
<!-- Link for inspiration: https://www.mapbox.com/gallery/# -->
<!-- Dunkin Donuts Data from: http://www.poi-factory.com/node/5193 -->
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
body {margin:0;
padding:0;
}
html, #map {
position:absolute;
top:0;
bottom; 0;
width: 100%;
height: 100%;
}
</style>
<title> Dunkin Donuts USA </title>
<!-- adding mapbox.js -->
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.2.4/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.2.4/mapbox.css' rel='stylesheet' />
<script src="../data/l.control.geosearch.js"></script>
<script src="../data/l.geosearch.provider.google.js"></script>
<link rel="stylesheet" href="..data/l.geosearch.css" />
</head>
<body>
<div id="map"></div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiYW5nZWxhaXRwIiwiYSI6ImNpa2l3NXhwazA1MnJ2a2ttcjVvd2RiajUifQ.ynbAJt9SR6tJraofwJNTng';
L.mapbox.map ('map','angelaitp.ea3ed780').setView([36.2025731,-113.7739368], 3);
new L.Control.GeoSearch({
provider: new L.GeoSearch.Provider.Google()
}).addTo(map);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment