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