forked from cutting-room-floor/foursquare-store-locator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (70 loc) · 2.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Foursquare Store Locator</title>
<link rel="stylesheet" href="map.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="shortcut icon" href="http://mapbox.com/images/favicon.ico" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body class="left">
<div id='header'>
<h1>Store Locator</h1>
</div>
<div id="content"><div class="limiter">
<a id="showall" class="hidden" href="#">Address filter</a>
<div id="no-venues" class="hidden">Oops! Looks like there are no <strong>sweetgreen</strong> locations within five miles of this address. Try another search.</div>
</div></div>
<div id="map" class="map"></div>
<a href="https://foursquare.com/" target="_blank">
<img id="fsq-attribution" src="img/powered-by.png">
</a>
<div id="search">
<form class="geocode">
<input placeholder='Enter city, state, or ZIP' type="text">
<input type='submit' />
<div id='geocode-error'></div>
</form>
</div>
<!-- External libraries and site script -->
<script src="ext/jquery.min.js"></script>
<script src="ext/underscore.min.js"></script>
<script src="ext/modestmaps.min.js"></script>
<script src="ext/wax/wax.mm.js"></script>
<script src="ext/wax/wax.ext.js"></script>
<script src="ext/easey.js"></script>
<script src="ext/easey.handlers.js"></script>
<script src="ext/mmg.js"></script>
<script src="script.js"></script>
<script src="foursquare.js"></script>
<!-- Site configuration -->
<script type="text/javascript">
// Set up the foursquare API
foursquare.settings = {
/* foursquare API keys. See: https://foursquare.com/oauth/register */
client_id: '1SHOHFLYHC3KIQKMBMKRWHASORK0TPCNPPH04OQCT1Y5ZRGW',
client_secret: '2DMK0XSZL3ZMZDNR0G0UQ4ARJYN2HIJXL4FKXZ1WUALXZYZV',
/* List ID. See: https://developer.foursquare.com/docs/explore#req=users/self/lists */
list: '4fc674d7e4b07a1f71542757',
/* Search radius for nearby address matches */
radius: 8046.72 // 5 miles in meters
};
// Make a new map in #map
var main = Map('map', {
api: 'https://a.tiles.mapbox.com/v3/examples.map-3gisupiu.jsonp?secure',
center: {
lat: 38.910,
lon: -77.050,
zoom: 15
},
zoomRange: [1, 17],
features: [
'zoomwheel',
'zoombox',
'zoompan',
]
}, foursquare.start);
</script>
</body>
</html>