SandSignal
ع

From a hotel list to a map and a vote

I gave Claude the suggested hotels for a trip. It drew a map with the walking route from each one, which then became a page on my own domain where the people travelling with me vote, and it closes itself after the deadline.

I was planning a trip, and the organisers sent a link with a list of suggested hotels. I wanted to know two things: which hotel is closest to the place I’d be going every day, and which ones suit the people travelling with me.

So I asked Claude for something simple: show me a map with the venue and the suggested hotels. It ended up as a page on my own domain with a map, walking routes and a vote, and it closes itself after the deadline.

Here’s a version of it for a different place, so you can try it yourself: a convention centre in Tokyo and real hotels around it.

Try it: hotels around Tokyo Big Sight

Select a hotel to see its walk, then vote for the group’s pick. Initial voters and votes are fictional samples.

Group pick · 2 votesSotetsu Grand Fresa Tokyo-Bay Ariake

  1. 1Sotetsu Grand Fresa Tokyo-Bay Ariake8 min walk8.2 · 6,543 reviews¥51,421 / 3 nights
    2 votes

    Alex (sample) · Robin (sample)

  2. 2Tokyo Bay Ariake Washington Hotel6 min walk8.2 · 284 reviews¥71,527 / 3 nights
    1 vote

    Sam (sample)

  3. 3DoubleTree by Hilton Tokyo Ariake9 min walk8.6 · 657 reviews¥150,500 / 3 nights
    1 vote

    Charlie (sample)

  4. 4Villa Fontaine Grand Tokyo Ariake13 min walk8.5 · 6,142 reviews¥110,193 / 3 nights
    No votes yet
  5. 5Far East Village Hotel Tokyo Ariake19 min walk8.1 · 3,677 reviews¥84,498 / 3 nights
    No votes yet
  6. 6Hotel Trusty Tokyo Bayside11 min walk8.1 · 1,318 reviews¥52,774 / 3 nights
    No votes yet

Prices and scores come from Booking.com, collected on 11 November 2026, for 24–27 March 2027 during SMART ENERGY WEEK: 1 adult, cheapest available room, before tax. They change, so check before booking.

Data and sources · 2026-11-11

SMART ENERGY WEEK [Spring] 2027 · Event: 24–26 March; stay: 24–27 March, 3 nights, total in JPY.

Walking times are estimates from FOSSGIS OSRM foot, collected 11 November 2026. Exact entrances are unverified. Map drawn locally from OSM geometry; no tiles downloaded.

  • Sotetsu Grand Fresa Tokyo-Bay Ariake: Booking.com · Standard Double Room, non-smoking · excludes 10% VAT · Location · Route
  • Tokyo Bay Ariake Washington Hotel: Booking.com · Renovated Deluxe Single Room, non-smoking · includes 10% service charge; excludes 10% VAT · Location · Route
  • DoubleTree by Hilton Tokyo Ariake: Booking.com · Queen Guest Room · includes 13% service charge; excludes 10% VAT and ¥200 city tax per person per night · Location · Route
  • Villa Fontaine Grand Tokyo Ariake: Booking.com · Run of House Room for 1 person, non-smoking, check-in 6 pm · excludes 10% VAT · Location · Route
  • Far East Village Hotel Tokyo Ariake: Booking.com · Standard Double Room · excludes 10% VAT · Location · Route
  • Hotel Trusty Tokyo Bayside: Booking.com · Standard Single Room, non-smoking · includes ¥4,394 service charge; excludes ¥5,765 tax · Location · Route
Report a map issue

The map, inside the chat

Claude read the organisers’ page and placed the hotels on a map that appeared right in the chat, plus a full-screen version I could open on my phone. It left three hotels off the map and told me why: one hotel’s exact address couldn’t be found, and some prices weren’t available.

I didn’t know Claude could show pages like this inside the chat. I liked the map, so I asked for more.

Routes, stars and sorting

Claude added what I asked for:

  • Walking route: tap a hotel, on the map or in the list, and its walking route to the venue appears and the map zooms in. Claude worked out the routes from OpenStreetMap data and saved them in the page.
  • Ratings: star rating and guest score from Booking.com, where available.
  • Sorting: by walking time, votes, guest score or price.

The vote

I wanted us to pick the hotel together instead of a long group chat. The first version was a page on claude.ai, but everyone voting would have needed a Claude account, and I didn’t want to send anyone a Claude link. So Claude moved it to a subdomain of my own domain, served by a Cloudflare Worker.

How the vote works:

  • Each person types their name once, and their browser remembers it.
  • Each browser gets one vote, which its owner can change or withdraw until the vote closes. The page doesn’t verify who is voting.
  • The group’s current pick shows at the top of the page, each hotel lists who voted for it, and the votes refresh on their own.
  • The Worker keeps the votes in a Durable Object, a small store in Cloudflare.

The page has a few more rules:

  • It asks search engines not to list it.
  • It takes at most 25 voters, strips some characters from names and shows them as plain text, so nobody can slip in HTML.
  • After the deadline it only shows a message that the vote has ended, and the next morning a scheduled job deletes it from Cloudflare.

Before sending me the link, Claude tested it on an iPhone-size screen, on Android in dark mode and on a desktop. It found a pop-up cut off at the screen edge and map labels running past the edge, and fixed both.

Then I asked for one change before sending the link to the others: the map drew other coloured lines next to the route, which made it hard to see the route of the hotel I’d picked. Now the map starts with just the pins, and only the selected hotel’s route shows, in green.

Comparing the top three

Once the dates were confirmed, I asked for a comparison of the three most recommended hotels: price, distance, room size, whether a room upgrade is worth it, the view, and what’s around each one. Claude made a second page with a chart of price against room size, the walking times and a card for each hotel. Then I asked which one was on a street with restaurants, cafés and shops, and booked.

How to make one

You need a coding agent that can read web pages and write files, such as Claude Code or Codex. For the vote you need a Cloudflare account. If you want the link on your own domain, the domain has to be on Cloudflare; otherwise the workers.dev address Cloudflare gives you is enough.

The map

Here's a page with the suggested hotels: <link>. I'll be going to <address> every day.
Make a single HTML page with a map (Leaflet and OpenStreetMap) showing the venue and every hotel.
When I tap a hotel, on the map or in the list, show its walking route to the venue and how long it takes, and no other route.
For each hotel add the star rating and guest score with the source of each number, and the price for a stay from <arrival date> to <departure date> for <number of people> in <currency>.
Let me sort the list by walking time, rating or price.
If you can't confirm an address or a price, don't guess: mark it as unavailable and tell me.
Prompt

The vote

Turn this page into a vote I can share as a link on <your domain or workers.dev>, using a Cloudflare Worker and a SQLite-backed Durable Object.
Each person types their name once and their browser remembers it; each browser gets one vote it can change or withdraw until the vote closes. Show the group's pick at the top.
Ask search engines not to list it. Close the vote on the server at <date, time and time zone>, then schedule a separate job that deletes the page afterwards, and confirm the schedule works.
Don't put flight numbers or booking details on it. Test it on a phone and a desktop before you send me the link.
Prompt

Sources

Back to the list