Skip to content

Commit 8242788

Browse files
authored
Add files via upload
1 parent d1740be commit 8242788

1 file changed

Lines changed: 53 additions & 0 deletions

File tree

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Simple Store Locator</title>
5+
6+
<meta charset="utf-8" />
7+
<link rel="shortcut icon" href="/favicon.ico"/>
8+
9+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
10+
<meta name="description" content="This tutorial shows how to create a simple store locator." />
11+
<meta name="keywords" content="Microsoft maps, map, gis, API, SDK, tutorials, store locator, locator, coffee, contoso, clustering, autocomplete, autosuggest" />
12+
<meta name="author" content="Microsoft Azure Maps" />
13+
<meta name="version" content="2.0" />
14+
<meta name="screenshot" content="screenshot.jpg" />
15+
16+
<!-- Add references to the Azure Maps Map control JavaScript and CSS files. -->
17+
<link href="https://atlas.microsoft.com/sdk/javascript/mapcontrol/3/atlas.min.css" rel="stylesheet" />
18+
<script src="https://atlas.microsoft.com/sdk/javascript/mapcontrol/3/atlas.min.js"></script>
19+
20+
<!-- Add reference to jQuery UI -->
21+
<link rel="stylesheet" href="https://code.jquery.com/ui/1.14.1/themes/smoothness/jquery-ui.css">
22+
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
23+
<script src="https://code.jquery.com/ui/1.14.1/jquery-ui.js"></script>
24+
25+
<!-- Add a reference to the Azure Maps Rest Helper JavaScript file. -->
26+
<script src="https://samples.azuremaps.com/lib/azure-maps/azure-maps-helper.min.js"></script>
27+
28+
<!-- Add local CSS and JS files -->
29+
<link rel="stylesheet" href="/tutorials/simple-store-locator/index.css" />
30+
</head>
31+
<body>
32+
<header>
33+
<img src="/tutorials/simple-store-locator/images/Logo.png" />
34+
<span>Contoso Coffee</span>
35+
</header>
36+
<main>
37+
<div class="searchPanel">
38+
<div>
39+
<input id="searchTbx" type="search" placeholder="Find a store" />
40+
<button id="searchBtn" title="Search"></button>
41+
</div>
42+
</div>
43+
44+
<div id="listPanel"></div>
45+
46+
<div id="myMap"></div>
47+
48+
<button id="myLocationBtn" title="My Location"></button>
49+
</main>
50+
51+
<script src="/tutorials/simple-store-locator/index.js"></script>
52+
</body>
53+
</html>

0 commit comments

Comments
 (0)