Skip to content
Demo code illustrating the geo search features of Algolia
JavaScript HTML CSS Ruby
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
data
scripts
.gitignore
Gemfile
Gemfile.lock
LICENSE
README.md
data.json
geo-search.gif
package.json
yarn.lock

README.md

Geo-Search Demo

This is a sample project implementing a geo-search based website with Google Maps and Algolia.

Geo search You can also try the live demo or follow the in-depth guide.

Features

  • Full JavaScript (based on jQuery, Hogan.js, Google Maps and AlgoliaSearch + helper)
  • Search inside a bounding Box
  • Search inside a bounding Polygon
  • Search inside an union of Shapes
  • Search around a location (via Lat/Lng)
  • Search around a location (via IP Address)

Usage

We've included some credentials in the code allowing you to test the demo without any Algolia account. If you want to replicate this demo using your own Algolia credentials, you can use the npm run import script to send the data and configure the indices. You can also have a look at the data sent to the index by looking at the ./data/record.json file.

Usage:

bundle install
npm run import YourApplicationID YourAPIKey YourIndexName

Then, you'll need to replace the demo credentials with your own:

  • in js/app.js, set your own APPLICATION_ID instead of "latency" (which is our demo APPLICATION_ID),
  • in js/app.js, set your own SEARCH_ONLY_API_KEY instead of "6be0576ff61c053d5f9a3225e2a90f76",
  • in js/app.js, set your own INDEX_NAME name instead of "demo-geosearch".

Tutorial

Follow this tutorial to learn how this implementation works and how it has been built using the Algolia's Javascript API client and its helper.

Data Set

We've used a list of 3,282 airports from OpenFlight.org.

Run and develop locally

To hack and develop on this current repository:

git clone git@github.com:algolia/demo-geo-search.git
cd ./demo-geo-search
npm install
npm run dev
You can’t perform that action at this time.