Skip to content
Switch branches/tags
Go to file
Cannot retrieve contributors at this time
<!doctype html>
<title>Geo Search Demo</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="shortcut icon" href="./favicon.ico">
<h1>Airports - Geo Search Demo</h1>
<a href="" class="change_page_state page_mode mode_button active" data-mode="bounding" data-state="rectangle">Bounding box</a>
<a href="" class="change_page_state page_mode mode_button" data-mode="around" data-state="ip">Around a location</a>
<p class="page_mode active" data-mode="bounding">
A bounding box filters the scope of the results to a specified zone.<br>
This zone can be
<a href="" class="change_page_state state_link active" data-mode="bounding" data-state="rectangle">a rectangle</a>, or a
<a href="" class="change_page_state state_link" data-mode="bounding" data-state="polygon">a polygon</a>.
<p class="page_mode" data-mode="around">
Searching around a location can also rank the results by distance.<br>
It can be done via the
<a href="" class="change_page_state state_link" data-mode="around" data-state="ip">IP address</a>, or by providing the lat/lng of a point:
<a href="" class="change_page_state state_link" data-mode="around" data-state="nyc">NYC</a>,
<a href="" class="change_page_state state_link" data-mode="around" data-state="london">London</a>,
<a href="" class="change_page_state state_link" data-mode="around" data-state="sydney">Sydney</a>...
<!-- Hits and Map -->
<section class="map_section">
<div class="left-column">
<input id="search-input" type="text" autocomplete="off" spellcheck="false" autocorrect="off" placeholder="Search by name, city, airport code..."/>
<div id="hits"></div>
<div class="right-column">
<div id="map"></div>
<div class="clear-both"></div>
<!-- /Hits and Map -->
<!-- Footer -->
Geo-Search demo -
Read the <a href="">guide</a> -
Source Code on <a href="">GitHub</a> -
Powered by <a href="">Algolia</a>
<!-- /Footer -->
<!-- Hit template -->
<script type="text/template" id="hits-template">
<div class="hit">
<h3 class="hit-airport-code">{{{ _highlightResult.iata_code.value }}}</h3>
<h2 class="hit-name">{{{ }}}{{^ displayCity }} - {{{ }}}{{/displayCity}}</h2>
<p class="hit-location">{{{ }}}<span class="hit-distance"> {{ distance }}</span></p>
<!-- /Hit template -->
<!-- No-Results template -->
<script type="text/template" id="no-results-template">
<div id="no-results-message">
<p>We didn't find any airports in this location.</p>
<!-- /No-Results template -->
<!-- Javascript -->
<script src="//"></script>
<script src="//"></script>
<script src="//"></script>
<script src="//"></script>
<script src="//"></script>
<script src="js/app.js"></script>
<!-- /Javascript -->