#107 How to display locations on a map with Mapbox API and gem Mapkick like AirBnB

30/01/2023
mapkick api gem mapkick map markers

In the previous episode we learnt to use gem Geocoder to calculate COORDINATES (latitude, longitude) based on address.
In this episode, we will display multiple coordinates on a map. Together with Geocoder search, this will empower us to create interactive maps like AirBnB does!
We will also make the links to the locations CLICKABLE!

Text description: https://blog.corsego.com/gem-mapkick-rb
Episode source code: https://github.com/corsego/107-gem-mapkick/commit/58295c740ec2a0bb96717a31095d93463c15fe03
Gem mapkick: https://github.com/ankane/mapkick

0:00 Previous work with Geocoding
0:54 Airbnb example
1:46 Install Mapkick-RB
2:45 MAPBOX_ACCESS_TOKEN
3:45 display a map with different options
7:23 separate map for each location
8:27 clickable links to locations
10:55 display all locations on ONE map
11:45 customize JSON data
13:41 force JSON data to respond to search params

0
Join the conversation
Sign in to access PRO lessons, access private repos, leave comments, create watch lists.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.