← back to Beverlyhillsvideos
add interactive Map page: 20 restaurants + 12 Rodeo Drive stores geocoded, Leaflet + CartoDB, luxury-styled with type filter
b8fc5ea66e143676fd04a074b0e1fbb6bc803438 · 2026-08-05 14:08:51 -0700 · Steve Abrams
Files touched
M build.mjsA data/heygen-batch.jsonlA data/map-locations.jsonA data/restaurants.jsonM public/index.htmlA public/map.htmlM public/posts/beverly-hills-nightlife.htmlM public/posts/beverly-hills-real-estate.htmlM public/posts/beverly-hills-wellness-spas.htmlM public/posts/dining-in-beverly-hills.htmlM public/posts/rodeo-drive-guide.htmlM public/posts/staying-fit-beverly-hills.htmlM public/posts/things-to-do-beverly-hills.htmlM public/privacy.htmlM public/style.cssM public/videos.html
Diff
commit b8fc5ea66e143676fd04a074b0e1fbb6bc803438
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 5 14:08:51 2026 -0700
add interactive Map page: 20 restaurants + 12 Rodeo Drive stores geocoded, Leaflet + CartoDB, luxury-styled with type filter
---
build.mjs | 53 +++++-
data/heygen-batch.jsonl | 3 +
data/map-locations.json | 260 ++++++++++++++++++++++++++
data/restaurants.json | 48 +++++
public/index.html | 2 +-
public/map.html | 85 +++++++++
public/posts/beverly-hills-nightlife.html | 2 +-
public/posts/beverly-hills-real-estate.html | 2 +-
public/posts/beverly-hills-wellness-spas.html | 2 +-
public/posts/dining-in-beverly-hills.html | 2 +-
public/posts/rodeo-drive-guide.html | 2 +-
public/posts/staying-fit-beverly-hills.html | 2 +-
public/posts/things-to-do-beverly-hills.html | 2 +-
public/privacy.html | 2 +-
public/style.css | 15 ++
public/videos.html | 2 +-
16 files changed, 473 insertions(+), 11 deletions(-)
diff --git a/build.mjs b/build.mjs
index a3845b6..dea1ad6 100644
--- a/build.mjs
+++ b/build.mjs
@@ -120,10 +120,10 @@ const nav = `
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
@@ -265,6 +265,57 @@ writeFileSync('public/videos.html', page({
canonical: '/videos.html', body: videosBody,
}));
+// ---- map page (restaurants + Rodeo Drive stores, geocoded) ----
+let MAP_LOCS = [];
+try { MAP_LOCS = JSON.parse(readFileSync('data/map-locations.json', 'utf8')).locations || []; } catch {}
+const mapBody = `
+ <section class="hero home-hero vids-hero">
+ <div class="wrap">
+ <p class="eyebrow">The Map</p>
+ <h1>Where to go in Beverly Hills.</h1>
+ <p class="sub">Every restaurant and Rodeo Drive boutique in the guide, mapped across the Golden Triangle.</p>
+ </div>
+ </section>
+ <section class="mapsec">
+ <div class="wrap">
+ <div class="maplegend">
+ <button class="ml on" data-t="restaurant"><span class="dot d-r"></span> Restaurants <em>${MAP_LOCS.filter(l=>l.type==='restaurant').length}</em></button>
+ <button class="ml on" data-t="store"><span class="dot d-s"></span> Stores <em>${MAP_LOCS.filter(l=>l.type==='store').length}</em></button>
+ </div>
+ <div id="map"></div>
+ </div>
+ </section>
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="">
+ <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
+ <script>
+ const LOCS = ${JSON.stringify(MAP_LOCS)};
+ (function(){
+ const map = L.map('map',{scrollWheelZoom:false}).setView([34.0705,-118.4015],15);
+ L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',{
+ attribution:'© OpenStreetMap © CARTO', subdomains:'abcd', maxZoom:20}).addTo(map);
+ const col = {restaurant:'#1f3d30', store:'#b8935a'};
+ const layers = {restaurant:L.layerGroup().addTo(map), store:L.layerGroup().addTo(map)};
+ const bounds = [];
+ LOCS.forEach(l=>{
+ bounds.push([l.lat,l.lng]);
+ const m = L.circleMarker([l.lat,l.lng],{radius:7,color:'#fff',weight:2,fillColor:col[l.type]||'#333',fillOpacity:1});
+ m.bindPopup('<strong>'+l.name+'</strong><br><span style="color:#8a857b;font-size:.85em">'+l.category+'</span><br><span style="font-size:.82em">'+l.address+'</span>');
+ m.addTo(layers[l.type]||layers.restaurant);
+ });
+ if(bounds.length) map.fitBounds(bounds,{padding:[40,40]});
+ map.on('click',()=>map.scrollWheelZoom.enable());
+ document.querySelectorAll('.ml').forEach(b=>b.addEventListener('click',()=>{
+ const t=b.dataset.t, on=b.classList.toggle('on');
+ if(on) map.addLayer(layers[t]); else map.removeLayer(layers[t]);
+ }));
+ })();
+ </script>`;
+writeFileSync('public/map.html', page({
+ title: 'Map — Beverly Hills restaurants & Rodeo Drive stores',
+ desc: 'An interactive map of Beverly Hills fine dining and Rodeo Drive luxury boutiques across the Golden Triangle.',
+ canonical: '/map.html', body: mapBody,
+}));
+
// ---- privacy (AdSense-compliant) ----
const privacyBody = `
<article class="post">
diff --git a/data/heygen-batch.jsonl b/data/heygen-batch.jsonl
new file mode 100644
index 0000000..794aaad
--- /dev/null
+++ b/data/heygen-batch.jsonl
@@ -0,0 +1,3 @@
+{"name":"Spago Beverly Hills","session_id":"27ab0fe429764112a47decaf1e42f22e","video_id":"eb53be3269ed4579865a0a38b5f2335c","status":"generating"}
+{"name":"CUT by Wolfgang Puck","session_id":"df26bc4723474c11a2b3ec08d74909d2","video_id":"7b5ca4de01d44f9ea156c46c8deb1d13","status":"generating"}
+{"name":"Mastro's Steakhouse Beverly Hills","session_id":"fa9ff2f7f5444adb98e765d18d1056f5","video_id":"e923ad16427345e7ad84f0826c3544b6","status":"generating"}
diff --git a/data/map-locations.json b/data/map-locations.json
new file mode 100644
index 0000000..7c95111
--- /dev/null
+++ b/data/map-locations.json
@@ -0,0 +1,260 @@
+{
+ "locations": [
+ {
+ "name": "Spago",
+ "type": "restaurant",
+ "category": "Californian",
+ "address": "176 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.067665,
+ "lng": -118.3978072
+ },
+ {
+ "name": "Mastro's Steakhouse",
+ "type": "restaurant",
+ "category": "Steakhouse",
+ "address": "246 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0688014,
+ "lng": -118.398793
+ },
+ {
+ "name": "CUT by Wolfgang Puck",
+ "type": "restaurant",
+ "category": "Steakhouse",
+ "address": "9500 Wilshire Blvd, Beverly Hills, CA 90212",
+ "lat": 34.0668881,
+ "lng": -118.4003735
+ },
+ {
+ "name": "Mr. Chow",
+ "type": "restaurant",
+ "category": "Chinese",
+ "address": "344 N Camden Dr, Beverly Hills, CA 90210",
+ "lat": 34.0680733,
+ "lng": -118.4033227
+ },
+ {
+ "name": "Il Pastaio",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "400 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0708486,
+ "lng": -118.4008226
+ },
+ {
+ "name": "Gucci Osteria",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "347 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0685924,
+ "lng": -118.402649
+ },
+ {
+ "name": "Matsuhisa",
+ "type": "restaurant",
+ "category": "Japanese",
+ "address": "129 N La Cienega Blvd, Beverly Hills, CA 90211",
+ "lat": 34.0683282,
+ "lng": -118.3765998
+ },
+ {
+ "name": "Lawry's The Prime Rib",
+ "type": "restaurant",
+ "category": "Prime rib",
+ "address": "100 N La Cienega Blvd, Beverly Hills, CA 90211",
+ "lat": 34.0678045,
+ "lng": -118.3760675
+ },
+ {
+ "name": "Avra Beverly Hills",
+ "type": "restaurant",
+ "category": "Greek",
+ "address": "233 N Beverly Dr, Beverly Hills, CA 90210",
+ "lat": 34.067517,
+ "lng": -118.399645
+ },
+ {
+ "name": "The Grill on the Alley",
+ "type": "restaurant",
+ "category": "American",
+ "address": "9560 Dayton Way, Beverly Hills, CA 90210",
+ "lat": 34.0673002,
+ "lng": -118.402091
+ },
+ {
+ "name": "Funke",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "9388 S Santa Monica Blvd, Beverly Hills, CA 90210",
+ "lat": 34.0718063,
+ "lng": -118.4015099
+ },
+ {
+ "name": "E. Baldi",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "375 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0701835,
+ "lng": -118.4005653
+ },
+ {
+ "name": "La Scala",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "434 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0713151,
+ "lng": -118.4014557
+ },
+ {
+ "name": "Nate 'n Al's",
+ "type": "restaurant",
+ "category": "Deli",
+ "address": "414 N Beverly Dr, Beverly Hills, CA 90210",
+ "lat": 34.0703035,
+ "lng": -118.4021621
+ },
+ {
+ "name": "Wally's",
+ "type": "restaurant",
+ "category": "Wine bar",
+ "address": "447 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0714005,
+ "lng": -118.4017989
+ },
+ {
+ "name": "The Polo Lounge",
+ "type": "restaurant",
+ "category": "Californian",
+ "address": "9641 Sunset Blvd, Beverly Hills, CA 90210",
+ "lat": 34.0814561,
+ "lng": -118.4143932
+ },
+ {
+ "name": "The Belvedere",
+ "type": "restaurant",
+ "category": "Fine dining",
+ "address": "9882 S Santa Monica Blvd, Beverly Hills, CA 90212",
+ "lat": 34.0679346,
+ "lng": -118.4082522
+ },
+ {
+ "name": "Steak 48",
+ "type": "restaurant",
+ "category": "Steakhouse",
+ "address": "250 N Canon Dr, Beverly Hills, CA 90210",
+ "lat": 34.0685893,
+ "lng": -118.3987238
+ },
+ {
+ "name": "Cipriani",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "9560 Dayton Way, Beverly Hills, CA 90210",
+ "lat": 34.0673002,
+ "lng": -118.402091
+ },
+ {
+ "name": "Il Cielo",
+ "type": "restaurant",
+ "category": "Italian",
+ "address": "9018 Burton Way, Beverly Hills, CA 90211",
+ "lat": 34.0718554,
+ "lng": -118.3883723
+ },
+ {
+ "name": "Gucci",
+ "type": "store",
+ "category": "Fashion",
+ "address": "347 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0685924,
+ "lng": -118.402649
+ },
+ {
+ "name": "Louis Vuitton",
+ "type": "store",
+ "category": "Fashion",
+ "address": "295 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.067368,
+ "lng": -118.4013943
+ },
+ {
+ "name": "Chanel",
+ "type": "store",
+ "category": "Fashion",
+ "address": "400 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0694034,
+ "lng": -118.402939
+ },
+ {
+ "name": "Dior",
+ "type": "store",
+ "category": "Fashion",
+ "address": "309 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0679223,
+ "lng": -118.401958
+ },
+ {
+ "name": "Prada",
+ "type": "store",
+ "category": "Fashion",
+ "address": "343 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0684678,
+ "lng": -118.402524
+ },
+ {
+ "name": "Tiffany & Co.",
+ "type": "store",
+ "category": "Jewelry",
+ "address": "210 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0673085,
+ "lng": -118.4008559
+ },
+ {
+ "name": "Cartier",
+ "type": "store",
+ "category": "Jewelry",
+ "address": "370 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.069199,
+ "lng": -118.402742
+ },
+ {
+ "name": "Herm\u00e8s",
+ "type": "store",
+ "category": "Fashion",
+ "address": "434 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0700805,
+ "lng": -118.403617
+ },
+ {
+ "name": "Saint Laurent",
+ "type": "store",
+ "category": "Fashion",
+ "address": "326 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0684106,
+ "lng": -118.4019843
+ },
+ {
+ "name": "Versace",
+ "type": "store",
+ "category": "Fashion",
+ "address": "248 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0682272,
+ "lng": -118.401844
+ },
+ {
+ "name": "Tom Ford",
+ "type": "store",
+ "category": "Fashion",
+ "address": "346 N Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0687678,
+ "lng": -118.4023041
+ },
+ {
+ "name": "Two Rodeo",
+ "type": "store",
+ "category": "Shopping",
+ "address": "2 Rodeo Dr, Beverly Hills, CA 90210",
+ "lat": 34.0676065,
+ "lng": -118.401447
+ }
+ ]
+}
\ No newline at end of file
diff --git a/data/restaurants.json b/data/restaurants.json
new file mode 100644
index 0000000..160e5f9
--- /dev/null
+++ b/data/restaurants.json
@@ -0,0 +1,48 @@
+{
+ "note": "High-end / notable Beverly Hills restaurants for the HeyGen film series. VERIFY OPEN before generating each (Maude closed 2024; Crustacean relocating from Bedford 2025). Blurbs are factual/general — cuisine + location + character; do not invent specific menus/prices.",
+ "style": "Velvet Standard luxury, 16:9, stock presenter, ~40s",
+ "restaurants": [
+ {"name":"Spago Beverly Hills","cuisine":"Californian fine dining","note":"Wolfgang Puck flagship, 176 N Canon Dr, iconic open kitchen","status":"submitted"},
+ {"name":"CUT by Wolfgang Puck","cuisine":"Steakhouse","note":"Michelin-starred, inside the Beverly Wilshire (Four Seasons)","status":"submitted"},
+ {"name":"Mastro's Steakhouse Beverly Hills","cuisine":"Steakhouse","note":"246 N Canon Dr, white-jacket service, butter cake, Penthouse patio","status":"submitted"},
+ {"name":"Funke","cuisine":"Italian","note":"Evan Funke, multi-level handmade pasta, rooftop bar","status":"queued"},
+ {"name":"Gucci Osteria da Massimo Bottura","cuisine":"Italian, Michelin","note":"above the Gucci boutique on Rodeo Dr","status":"queued"},
+ {"name":"Mr. Chow Beverly Hills","cuisine":"Chinese","note":"N Camden Dr, longtime celebrity institution","status":"queued"},
+ {"name":"Avra Beverly Hills Estiatorio","cuisine":"Greek seafood","note":"N Canon Dr, whole-fish Aegean dining","status":"queued"},
+ {"name":"Il Pastaio","cuisine":"Italian","note":"Drago family, N Canon Dr, handmade pasta and risotto","status":"queued"},
+ {"name":"Matsuhisa Beverly Hills","cuisine":"Japanese/Peruvian","note":"Nobu Matsuhisa's original restaurant, La Cienega","status":"queued"},
+ {"name":"Nozawa Bar","cuisine":"Sushi omakase","note":"Michelin, intimate omakase counter","status":"queued"},
+ {"name":"Somni","cuisine":"Tasting menu, Michelin","note":"avant-garde chef's-counter tasting","status":"queued"},
+ {"name":"matu","cuisine":"Wagyu steakhouse","note":"single-ranch Wagyu, refined minimalist room","status":"queued"},
+ {"name":"Steak 48 Beverly Hills","cuisine":"Steakhouse","note":"upscale steak + seafood, open kitchen","status":"queued"},
+ {"name":"Lawry's The Prime Rib","cuisine":"Prime rib","note":"La Cienega institution since 1938, tableside carving","status":"queued"},
+ {"name":"The Grill on the Alley","cuisine":"American grill","note":"classic power-lunch spot off Rodeo","status":"queued"},
+ {"name":"Wally's Beverly Hills","cuisine":"Wine bar / Californian","note":"S Beverly Dr, celebrated wine program","status":"queued"},
+ {"name":"E. Baldi","cuisine":"Italian","note":"Canon Dr, refined northern-Italian, celebrity favorite","status":"queued"},
+ {"name":"La Scala Beverly Hills","cuisine":"Italian","note":"since 1956, famous chopped salad","status":"queued"},
+ {"name":"Cipriani Beverly Hills","cuisine":"Italian","note":"Venetian classic, Bellinis and carpaccio","status":"queued"},
+ {"name":"Porta Via","cuisine":"Californian/Italian","note":"Canon Dr, market-driven cafe dining","status":"queued"},
+ {"name":"Via Alloro","cuisine":"Italian","note":"Brighton Way, Tuscan-inspired","status":"queued"},
+ {"name":"Il Cielo","cuisine":"Italian","note":"Burton Way, romantic garden dining","status":"queued"},
+ {"name":"Culina, Four Seasons","cuisine":"Italian","note":"Four Seasons Los Angeles at Beverly Hills","status":"queued"},
+ {"name":"The Belvedere","cuisine":"Californian fine dining","note":"The Peninsula Beverly Hills","status":"queued"},
+ {"name":"The Polo Lounge","cuisine":"Californian classic","note":"The Beverly Hills Hotel, legendary power breakfasts","status":"queued"},
+ {"name":"The Blvd","cuisine":"Californian","note":"Beverly Wilshire (Four Seasons), Rodeo Dr views","status":"queued"},
+ {"name":"Georgie","cuisine":"Modern American","note":"Geoffrey Zakarian at the Montage Beverly Hills","status":"queued"},
+ {"name":"Dante Beverly Hills","cuisine":"Italian / rooftop","note":"The Maybourne Beverly Hills rooftop","status":"queued"},
+ {"name":"Nate 'n Al's","cuisine":"Jewish deli","note":"Beverly Dr institution since 1945","status":"queued"},
+ {"name":"Urasawa","cuisine":"Sushi omakase","note":"ultra-luxury omakase, Rodeo Collection","status":"queued"},
+ {"name":"Sugarfish Beverly Hills","cuisine":"Sushi","note":"Nozawa 'Trust Me' omakase sets","status":"queued"},
+ {"name":"Tempura Endo","cuisine":"Japanese tempura","note":"Kyoto-rooted tempura tasting","status":"queued"},
+ {"name":"Frida Beverly Hills","cuisine":"Mexican","note":"Burton Way, upscale regional Mexican","status":"queued"},
+ {"name":"Caffe Roma","cuisine":"Italian","note":"Canon Dr sidewalk-cafe scene","status":"queued"},
+ {"name":"208 Rodeo","cuisine":"Californian","note":"on Via Rodeo overlooking the cobblestones","status":"queued"},
+ {"name":"The Stinking Rose","cuisine":"Italian / garlic","note":"La Cienega, garlic-themed dining","status":"queued"},
+ {"name":"The Honor Bar","cuisine":"American","note":"S Beverly Dr, gourmet bar bites","status":"queued"},
+ {"name":"Wolfgang's Steakhouse Beverly Hills","cuisine":"Steakhouse","note":"dry-aged prime, Canon Dr","status":"queued"},
+ {"name":"Il Fornaio Beverly Hills","cuisine":"Italian","note":"regional Italian, house bakery","status":"queued"},
+ {"name":"Sushi Note / Sushi Sushi","cuisine":"Sushi","note":"traditional edomae sushi","status":"queued"},
+ {"name":"Maude - VERIFY","cuisine":"CLOSED (2024) - do not generate","note":"now The Pie Room; SKIP","status":"skip"},
+ {"name":"Crustacean Beverly Hills - VERIFY","cuisine":"relocating from Bedford 2025","note":"confirm new location before generating","status":"hold"}
+ ]
+}
diff --git a/public/index.html b/public/index.html
index 1986b55..7c2f7ff 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/map.html b/public/map.html
new file mode 100644
index 0000000..ca6ef36
--- /dev/null
+++ b/public/map.html
@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Map — Beverly Hills restaurants & Rodeo Drive stores · Beverly Hills Videos</title>
+<meta name="description" content="An interactive map of Beverly Hills fine dining and Rodeo Drive luxury boutiques across the Golden Triangle.">
+<link rel="canonical" href="https://beverlyhillsvideos.com/map.html">
+<meta property="og:title" content="Map — Beverly Hills restaurants & Rodeo Drive stores">
+<meta property="og:description" content="An interactive map of Beverly Hills fine dining and Rodeo Drive luxury boutiques across the Golden Triangle.">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Beverly Hills Videos">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/style.css">
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5278231299883833" crossorigin="anonymous"></script>
+</head>
+<body>
+
+ <header class="site-head">
+ <div class="wrap">
+ <a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
+ <nav>
+ <a href="/map.html">Map</a>
+ <a href="/videos.html">Videos</a>
+ <a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
+ <a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
+ <a href="/posts/dining-in-beverly-hills.html">Dining</a>
+ </nav>
+ </div>
+ </header>
+
+ <section class="hero home-hero vids-hero">
+ <div class="wrap">
+ <p class="eyebrow">The Map</p>
+ <h1>Where to go in Beverly Hills.</h1>
+ <p class="sub">Every restaurant and Rodeo Drive boutique in the guide, mapped across the Golden Triangle.</p>
+ </div>
+ </section>
+ <section class="mapsec">
+ <div class="wrap">
+ <div class="maplegend">
+ <button class="ml on" data-t="restaurant"><span class="dot d-r"></span> Restaurants <em>20</em></button>
+ <button class="ml on" data-t="store"><span class="dot d-s"></span> Stores <em>12</em></button>
+ </div>
+ <div id="map"></div>
+ </div>
+ </section>
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin="">
+ <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
+ <script>
+ const LOCS = [{"name":"Spago","type":"restaurant","category":"Californian","address":"176 N Canon Dr, Beverly Hills, CA 90210","lat":34.067665,"lng":-118.3978072},{"name":"Mastro's Steakhouse","type":"restaurant","category":"Steakhouse","address":"246 N Canon Dr, Beverly Hills, CA 90210","lat":34.0688014,"lng":-118.398793},{"name":"CUT by Wolfgang Puck","type":"restaurant","category":"Steakhouse","address":"9500 Wilshire Blvd, Beverly Hills, CA 90212","lat":34.0668881,"lng":-118.4003735},{"name":"Mr. Chow","type":"restaurant","category":"Chinese","address":"344 N Camden Dr, Beverly Hills, CA 90210","lat":34.0680733,"lng":-118.4033227},{"name":"Il Pastaio","type":"restaurant","category":"Italian","address":"400 N Canon Dr, Beverly Hills, CA 90210","lat":34.0708486,"lng":-118.4008226},{"name":"Gucci Osteria","type":"restaurant","category":"Italian","address":"347 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0685924,"lng":-118.402649},{"name":"Matsuhisa","type":"restaurant","category":"Japanese","address":"129 N La Cienega Blvd, Beverly Hills, CA 90211","lat":34.0683282,"lng":-118.3765998},{"name":"Lawry's The Prime Rib","type":"restaurant","category":"Prime rib","address":"100 N La Cienega Blvd, Beverly Hills, CA 90211","lat":34.0678045,"lng":-118.3760675},{"name":"Avra Beverly Hills","type":"restaurant","category":"Greek","address":"233 N Beverly Dr, Beverly Hills, CA 90210","lat":34.067517,"lng":-118.399645},{"name":"The Grill on the Alley","type":"restaurant","category":"American","address":"9560 Dayton Way, Beverly Hills, CA 90210","lat":34.0673002,"lng":-118.402091},{"name":"Funke","type":"restaurant","category":"Italian","address":"9388 S Santa Monica Blvd, Beverly Hills, CA 90210","lat":34.0718063,"lng":-118.4015099},{"name":"E. Baldi","type":"restaurant","category":"Italian","address":"375 N Canon Dr, Beverly Hills, CA 90210","lat":34.0701835,"lng":-118.4005653},{"name":"La Scala","type":"restaurant","category":"Italian","address":"434 N Canon Dr, Beverly Hills, CA 90210","lat":34.0713151,"lng":-118.4014557},{"name":"Nate 'n Al's","type":"restaurant","category":"Deli","address":"414 N Beverly Dr, Beverly Hills, CA 90210","lat":34.0703035,"lng":-118.4021621},{"name":"Wally's","type":"restaurant","category":"Wine bar","address":"447 N Canon Dr, Beverly Hills, CA 90210","lat":34.0714005,"lng":-118.4017989},{"name":"The Polo Lounge","type":"restaurant","category":"Californian","address":"9641 Sunset Blvd, Beverly Hills, CA 90210","lat":34.0814561,"lng":-118.4143932},{"name":"The Belvedere","type":"restaurant","category":"Fine dining","address":"9882 S Santa Monica Blvd, Beverly Hills, CA 90212","lat":34.0679346,"lng":-118.4082522},{"name":"Steak 48","type":"restaurant","category":"Steakhouse","address":"250 N Canon Dr, Beverly Hills, CA 90210","lat":34.0685893,"lng":-118.3987238},{"name":"Cipriani","type":"restaurant","category":"Italian","address":"9560 Dayton Way, Beverly Hills, CA 90210","lat":34.0673002,"lng":-118.402091},{"name":"Il Cielo","type":"restaurant","category":"Italian","address":"9018 Burton Way, Beverly Hills, CA 90211","lat":34.0718554,"lng":-118.3883723},{"name":"Gucci","type":"store","category":"Fashion","address":"347 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0685924,"lng":-118.402649},{"name":"Louis Vuitton","type":"store","category":"Fashion","address":"295 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.067368,"lng":-118.4013943},{"name":"Chanel","type":"store","category":"Fashion","address":"400 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0694034,"lng":-118.402939},{"name":"Dior","type":"store","category":"Fashion","address":"309 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0679223,"lng":-118.401958},{"name":"Prada","type":"store","category":"Fashion","address":"343 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0684678,"lng":-118.402524},{"name":"Tiffany & Co.","type":"store","category":"Jewelry","address":"210 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0673085,"lng":-118.4008559},{"name":"Cartier","type":"store","category":"Jewelry","address":"370 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.069199,"lng":-118.402742},{"name":"Hermès","type":"store","category":"Fashion","address":"434 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0700805,"lng":-118.403617},{"name":"Saint Laurent","type":"store","category":"Fashion","address":"326 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0684106,"lng":-118.4019843},{"name":"Versace","type":"store","category":"Fashion","address":"248 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0682272,"lng":-118.401844},{"name":"Tom Ford","type":"store","category":"Fashion","address":"346 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0687678,"lng":-118.4023041},{"name":"Two Rodeo","type":"store","category":"Shopping","address":"2 Rodeo Dr, Beverly Hills, CA 90210","lat":34.0676065,"lng":-118.401447}];
+ (function(){
+ const map = L.map('map',{scrollWheelZoom:false}).setView([34.0705,-118.4015],15);
+ L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',{
+ attribution:'© OpenStreetMap © CARTO', subdomains:'abcd', maxZoom:20}).addTo(map);
+ const col = {restaurant:'#1f3d30', store:'#b8935a'};
+ const layers = {restaurant:L.layerGroup().addTo(map), store:L.layerGroup().addTo(map)};
+ const bounds = [];
+ LOCS.forEach(l=>{
+ bounds.push([l.lat,l.lng]);
+ const m = L.circleMarker([l.lat,l.lng],{radius:7,color:'#fff',weight:2,fillColor:col[l.type]||'#333',fillOpacity:1});
+ m.bindPopup('<strong>'+l.name+'</strong><br><span style="color:#8a857b;font-size:.85em">'+l.category+'</span><br><span style="font-size:.82em">'+l.address+'</span>');
+ m.addTo(layers[l.type]||layers.restaurant);
+ });
+ if(bounds.length) map.fitBounds(bounds,{padding:[40,40]});
+ map.on('click',()=>map.scrollWheelZoom.enable());
+ document.querySelectorAll('.ml').forEach(b=>b.addEventListener('click',()=>{
+ const t=b.dataset.t, on=b.classList.toggle('on');
+ if(on) map.addLayer(layers[t]); else map.removeLayer(layers[t]);
+ }));
+ })();
+ </script>
+
+ <footer class="site-foot">
+ <div class="wrap">
+ <p>© 2026 Beverly Hills Videos · beverlyhillsvideos.com</p>
+ <p class="fine">An independent editorial guide to Beverly Hills — its neighborhoods, culture, shopping, and dining.
+ Not affiliated with the City of Beverly Hills. <a href="/privacy.html">Privacy</a></p>
+ <p class="fine">Hero image: “Via Rodeo, Beverly Hills” by <a href="https://commons.wikimedia.org/wiki/File:Via_Rodeo,_Beverly_Hills.jpg" target="_blank" rel="noopener noreferrer">Kjetil Ree</a>, <a href="https://creativecommons.org/licenses/by-sa/2.5/" target="_blank" rel="noopener noreferrer">CC BY-SA 2.5</a>.</p>
+ </div>
+ </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/posts/beverly-hills-nightlife.html b/public/posts/beverly-hills-nightlife.html
index d40877f..1b860dc 100644
--- a/public/posts/beverly-hills-nightlife.html
+++ b/public/posts/beverly-hills-nightlife.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/beverly-hills-real-estate.html b/public/posts/beverly-hills-real-estate.html
index 3a90a48..cf924e1 100644
--- a/public/posts/beverly-hills-real-estate.html
+++ b/public/posts/beverly-hills-real-estate.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/beverly-hills-wellness-spas.html b/public/posts/beverly-hills-wellness-spas.html
index 7fb6681..8391b76 100644
--- a/public/posts/beverly-hills-wellness-spas.html
+++ b/public/posts/beverly-hills-wellness-spas.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/dining-in-beverly-hills.html b/public/posts/dining-in-beverly-hills.html
index 2558ffa..fac69a5 100644
--- a/public/posts/dining-in-beverly-hills.html
+++ b/public/posts/dining-in-beverly-hills.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/rodeo-drive-guide.html b/public/posts/rodeo-drive-guide.html
index 40999c4..16f9994 100644
--- a/public/posts/rodeo-drive-guide.html
+++ b/public/posts/rodeo-drive-guide.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/staying-fit-beverly-hills.html b/public/posts/staying-fit-beverly-hills.html
index 354b529..c9cc95a 100644
--- a/public/posts/staying-fit-beverly-hills.html
+++ b/public/posts/staying-fit-beverly-hills.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/posts/things-to-do-beverly-hills.html b/public/posts/things-to-do-beverly-hills.html
index d6097aa..e61fbe3 100644
--- a/public/posts/things-to-do-beverly-hills.html
+++ b/public/posts/things-to-do-beverly-hills.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/privacy.html b/public/privacy.html
index 584e1c7..984bc1f 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
diff --git a/public/style.css b/public/style.css
index 9e42920..837b593 100644
--- a/public/style.css
+++ b/public/style.css
@@ -89,3 +89,18 @@ p{margin:0 0 1.1em}
.hero.home-hero h1{color:#fff;font-weight:400;font-size:clamp(3rem,8vw,6.4rem);letter-spacing:.01em}
.hero.home-hero .sub{color:rgba(246,243,236,.78)}
.hero.home-hero .scrollcue{display:inline-block;margin-top:2.4em;font-family:var(--ui);text-transform:uppercase;letter-spacing:.28em;font-size:.66rem;color:rgba(246,243,236,.6);border-bottom:1px solid rgba(246,243,236,.4);padding-bottom:4px}
+
+/* map */
+.mapsec{padding:0 0 clamp(48px,6vw,88px);background:var(--paper)}
+.maplegend{display:flex;gap:14px;flex-wrap:wrap;padding:22px 0}
+.ml{font-family:var(--ui);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:400;color:var(--muted);background:none;border:1px solid var(--line);border-radius:2px;padding:.6em 1em;cursor:pointer;display:flex;align-items:center;gap:.6em;transition:.25s}
+.ml.on{color:var(--ink);border-color:var(--ink)}
+.ml:not(.on){opacity:.5}
+.ml em{font-style:normal;color:var(--muted)}
+.ml .dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
+.d-r{background:#1f3d30}
+.d-s{background:#b8935a}
+#map{height:min(72vh,680px);width:100%;border:1px solid var(--line)}
+.leaflet-popup-content{font-family:var(--ui);font-weight:300}
+.leaflet-popup-content strong{font-family:var(--serif);font-size:1.15rem;font-weight:600}
+.leaflet-container{font-family:var(--ui)}
diff --git a/public/videos.html b/public/videos.html
index 4a21018..acf5af0 100644
--- a/public/videos.html
+++ b/public/videos.html
@@ -22,10 +22,10 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/map.html">Map</a>
<a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
- <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
<a href="/posts/dining-in-beverly-hills.html">Dining</a>
</nav>
</div>
← 4f5fdcf consistency: luxury dark editorial hero band on the Videos p
·
back to Beverlyhillsvideos
·
map: add phone + address to all 32 pins with click-to-call ( c544fb4 →