-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (30 loc) · 1.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>typeahead.js – examples</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="http://www.arcgis.com/favicon.ico">
<link rel="stylesheet" href="css/examples.css">
</head>
<body>
<div class="container">
<h1 class="title">Using Twitter typeahead.js with ArcGIS Online feature services </h1>
<div class="example example-Stations">
<h2 class="example-name">Using the Paris Velib (bike sharing) & Autolib (electric car sharing) station datasets</h2>
<p class="example-description">This sample demonstrate how to use typeahead.js from twitter as an autocomplete search tool to filter and retrieve very efficiently feature information for ArcGIS Online feature services</p>
<p class="example-description">We are querying here 2 feature services from ArcGIS Online and merging results in the proposed dropdown menu</p>
<p class="example-description">Once selected or autocompleted, this sample script displays the user choice's origin dataset and objectid. The objectid is the key to further make use of the choice (zoom on the feature, ...)</p>
<p class="example-description">this sample is built on <a href="http://twitter.github.com/typeahead.js/examples">the original twitter typeahead.js examples</a> </p>
<div class="demo">
<input class="typeahead" name="input-stations" type="text" placeholder="Stations">
</div>
</div>
</div>
<script src="./js/hogan-2.0.0.js"></script>
<script src="./js/jquery-1.9.1.min.js"></script>
<script src="./js/typeahead.js"></script>
<script src="./js/examples.js"></script>
</body>
</html>