← back to Beverlyhillsvideos
map: add phone + address to all 32 pins with click-to-call (tel:) + tap-for-directions
c544fb4f68802ceb6eb57ee7f14c6dd4c8280807 · 2026-08-05 14:16:12 -0700 · Steve Abrams
Files touched
M build.mjsM data/map-locations.jsonM public/map.htmlM public/style.css
Diff
commit c544fb4f68802ceb6eb57ee7f14c6dd4c8280807
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 5 14:16:12 2026 -0700
map: add phone + address to all 32 pins with click-to-call (tel:) + tap-for-directions
---
build.mjs | 7 +++-
data/map-locations.json | 96 ++++++++++++++++++++++++++++++++-----------------
public/map.html | 9 +++--
public/style.css | 9 +++++
4 files changed, 86 insertions(+), 35 deletions(-)
diff --git a/build.mjs b/build.mjs
index dea1ad6..97a3aa0 100644
--- a/build.mjs
+++ b/build.mjs
@@ -299,7 +299,12 @@ const mapBody = `
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>');
+ const tel = l.phone ? l.phone.replace(/[^+0-9]/g,'') : '';
+ m.bindPopup('<div class="pop"><strong>'+l.name+'</strong>'
+ +'<span class="pcat">'+l.category+'</span>'
+ +'<a class="paddr" href="https://maps.google.com/?q='+encodeURIComponent(l.name+' '+l.address)+'" target="_blank" rel="noopener">'+l.address+'</a>'
+ +(l.phone ? '<a class="pcall" href="tel:'+tel+'">Call '+l.phone+'</a>' : '')
+ +'</div>');
m.addTo(layers[l.type]||layers.restaurant);
});
if(bounds.length) map.fitBounds(bounds,{padding:[40,40]});
diff --git a/data/map-locations.json b/data/map-locations.json
index 7c95111..2c5c196 100644
--- a/data/map-locations.json
+++ b/data/map-locations.json
@@ -6,7 +6,8 @@
"category": "Californian",
"address": "176 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.067665,
- "lng": -118.3978072
+ "lng": -118.3978072,
+ "phone": "+1-310-385-0880"
},
{
"name": "Mastro's Steakhouse",
@@ -14,7 +15,8 @@
"category": "Steakhouse",
"address": "246 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0688014,
- "lng": -118.398793
+ "lng": -118.398793,
+ "phone": "+1-310-888-8782"
},
{
"name": "CUT by Wolfgang Puck",
@@ -22,7 +24,8 @@
"category": "Steakhouse",
"address": "9500 Wilshire Blvd, Beverly Hills, CA 90212",
"lat": 34.0668881,
- "lng": -118.4003735
+ "lng": -118.4003735,
+ "phone": "+1-310-276-8500"
},
{
"name": "Mr. Chow",
@@ -30,7 +33,8 @@
"category": "Chinese",
"address": "344 N Camden Dr, Beverly Hills, CA 90210",
"lat": 34.0680733,
- "lng": -118.4033227
+ "lng": -118.4033227,
+ "phone": "+1-310-278-9911"
},
{
"name": "Il Pastaio",
@@ -38,7 +42,8 @@
"category": "Italian",
"address": "400 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0708486,
- "lng": -118.4008226
+ "lng": -118.4008226,
+ "phone": "+1-310-205-5444"
},
{
"name": "Gucci Osteria",
@@ -46,7 +51,8 @@
"category": "Italian",
"address": "347 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0685924,
- "lng": -118.402649
+ "lng": -118.402649,
+ "phone": "+1-424-600-9482"
},
{
"name": "Matsuhisa",
@@ -54,7 +60,8 @@
"category": "Japanese",
"address": "129 N La Cienega Blvd, Beverly Hills, CA 90211",
"lat": 34.0683282,
- "lng": -118.3765998
+ "lng": -118.3765998,
+ "phone": "+1-310-659-9639"
},
{
"name": "Lawry's The Prime Rib",
@@ -62,7 +69,8 @@
"category": "Prime rib",
"address": "100 N La Cienega Blvd, Beverly Hills, CA 90211",
"lat": 34.0678045,
- "lng": -118.3760675
+ "lng": -118.3760675,
+ "phone": "+1-310-652-2827"
},
{
"name": "Avra Beverly Hills",
@@ -70,7 +78,8 @@
"category": "Greek",
"address": "233 N Beverly Dr, Beverly Hills, CA 90210",
"lat": 34.067517,
- "lng": -118.399645
+ "lng": -118.399645,
+ "phone": "+1-310-425-4200"
},
{
"name": "The Grill on the Alley",
@@ -78,7 +87,8 @@
"category": "American",
"address": "9560 Dayton Way, Beverly Hills, CA 90210",
"lat": 34.0673002,
- "lng": -118.402091
+ "lng": -118.402091,
+ "phone": "+1-310-276-0615"
},
{
"name": "Funke",
@@ -86,7 +96,8 @@
"category": "Italian",
"address": "9388 S Santa Monica Blvd, Beverly Hills, CA 90210",
"lat": 34.0718063,
- "lng": -118.4015099
+ "lng": -118.4015099,
+ "phone": "+1-310-341-3737"
},
{
"name": "E. Baldi",
@@ -94,7 +105,8 @@
"category": "Italian",
"address": "375 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0701835,
- "lng": -118.4005653
+ "lng": -118.4005653,
+ "phone": "+1-310-248-2633"
},
{
"name": "La Scala",
@@ -102,7 +114,8 @@
"category": "Italian",
"address": "434 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0713151,
- "lng": -118.4014557
+ "lng": -118.4014557,
+ "phone": "+1-310-275-0579"
},
{
"name": "Nate 'n Al's",
@@ -110,7 +123,8 @@
"category": "Deli",
"address": "414 N Beverly Dr, Beverly Hills, CA 90210",
"lat": 34.0703035,
- "lng": -118.4021621
+ "lng": -118.4021621,
+ "phone": "+1-310-274-0101"
},
{
"name": "Wally's",
@@ -118,7 +132,8 @@
"category": "Wine bar",
"address": "447 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0714005,
- "lng": -118.4017989
+ "lng": -118.4017989,
+ "phone": "+1-310-475-3540"
},
{
"name": "The Polo Lounge",
@@ -126,7 +141,8 @@
"category": "Californian",
"address": "9641 Sunset Blvd, Beverly Hills, CA 90210",
"lat": 34.0814561,
- "lng": -118.4143932
+ "lng": -118.4143932,
+ "phone": "+1-310-887-2777"
},
{
"name": "The Belvedere",
@@ -134,7 +150,8 @@
"category": "Fine dining",
"address": "9882 S Santa Monica Blvd, Beverly Hills, CA 90212",
"lat": 34.0679346,
- "lng": -118.4082522
+ "lng": -118.4082522,
+ "phone": "+1-310-788-2306"
},
{
"name": "Steak 48",
@@ -142,7 +159,8 @@
"category": "Steakhouse",
"address": "250 N Canon Dr, Beverly Hills, CA 90210",
"lat": 34.0685893,
- "lng": -118.3987238
+ "lng": -118.3987238,
+ "phone": "+1-310-359-8300"
},
{
"name": "Cipriani",
@@ -150,7 +168,8 @@
"category": "Italian",
"address": "9560 Dayton Way, Beverly Hills, CA 90210",
"lat": 34.0673002,
- "lng": -118.402091
+ "lng": -118.402091,
+ "phone": "+1-310-271-9600"
},
{
"name": "Il Cielo",
@@ -158,7 +177,8 @@
"category": "Italian",
"address": "9018 Burton Way, Beverly Hills, CA 90211",
"lat": 34.0718554,
- "lng": -118.3883723
+ "lng": -118.3883723,
+ "phone": "+1-310-276-9990"
},
{
"name": "Gucci",
@@ -166,7 +186,8 @@
"category": "Fashion",
"address": "347 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0685924,
- "lng": -118.402649
+ "lng": -118.402649,
+ "phone": "+1-310-278-3451"
},
{
"name": "Louis Vuitton",
@@ -174,7 +195,8 @@
"category": "Fashion",
"address": "295 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.067368,
- "lng": -118.4013943
+ "lng": -118.4013943,
+ "phone": "+1-310-859-0457"
},
{
"name": "Chanel",
@@ -182,7 +204,8 @@
"category": "Fashion",
"address": "400 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0694034,
- "lng": -118.402939
+ "lng": -118.402939,
+ "phone": "+1-310-278-5500"
},
{
"name": "Dior",
@@ -190,7 +213,8 @@
"category": "Fashion",
"address": "309 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0679223,
- "lng": -118.401958
+ "lng": -118.401958,
+ "phone": "+1-310-859-4700"
},
{
"name": "Prada",
@@ -198,7 +222,8 @@
"category": "Fashion",
"address": "343 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0684678,
- "lng": -118.402524
+ "lng": -118.402524,
+ "phone": "+1-310-278-8661"
},
{
"name": "Tiffany & Co.",
@@ -206,7 +231,8 @@
"category": "Jewelry",
"address": "210 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0673085,
- "lng": -118.4008559
+ "lng": -118.4008559,
+ "phone": "+1-310-273-8880"
},
{
"name": "Cartier",
@@ -214,7 +240,8 @@
"category": "Jewelry",
"address": "370 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.069199,
- "lng": -118.402742
+ "lng": -118.402742,
+ "phone": "+1-310-275-4272"
},
{
"name": "Herm\u00e8s",
@@ -222,7 +249,8 @@
"category": "Fashion",
"address": "434 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0700805,
- "lng": -118.403617
+ "lng": -118.403617,
+ "phone": "+1-310-278-6440"
},
{
"name": "Saint Laurent",
@@ -230,7 +258,8 @@
"category": "Fashion",
"address": "326 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0684106,
- "lng": -118.4019843
+ "lng": -118.4019843,
+ "phone": "+1-310-271-4110"
},
{
"name": "Versace",
@@ -238,7 +267,8 @@
"category": "Fashion",
"address": "248 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0682272,
- "lng": -118.401844
+ "lng": -118.401844,
+ "phone": "+1-310-205-3921"
},
{
"name": "Tom Ford",
@@ -246,7 +276,8 @@
"category": "Fashion",
"address": "346 N Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0687678,
- "lng": -118.4023041
+ "lng": -118.4023041,
+ "phone": "+1-310-274-8686"
},
{
"name": "Two Rodeo",
@@ -254,7 +285,8 @@
"category": "Shopping",
"address": "2 Rodeo Dr, Beverly Hills, CA 90210",
"lat": 34.0676065,
- "lng": -118.401447
+ "lng": -118.401447,
+ "phone": "+1-310-247-7040"
}
]
}
\ No newline at end of file
diff --git a/public/map.html b/public/map.html
index ca6ef36..aa737c2 100644
--- a/public/map.html
+++ b/public/map.html
@@ -50,7 +50,7 @@
<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}];
+ const LOCS = [{"name":"Spago","type":"restaurant","category":"Californian","address":"176 N Canon Dr, Beverly Hills, CA 90210","lat":34.067665,"lng":-118.3978072,"phone":"+1-310-385-0880"},{"name":"Mastro's Steakhouse","type":"restaurant","category":"Steakhouse","address":"246 N Canon Dr, Beverly Hills, CA 90210","lat":34.0688014,"lng":-118.398793,"phone":"+1-310-888-8782"},{"name":"CUT by Wolfgang Puck","type":"restaurant","category":"Steakhouse","address":"9500 Wilshire Blvd, Beverly Hills, CA 90212","lat":34.0668881,"lng":-118.4003735,"phone":"+1-310-276-8500"},{"name":"Mr. Chow","type":"restaurant","category":"Chinese","address":"344 N Camden Dr, Beverly Hills, CA 90210","lat":34.0680733,"lng":-118.4033227,"phone":"+1-310-278-9911"},{"name":"Il Pastaio","type":"restaurant","category":"Italian","address":"400 N Canon Dr, Beverly Hills, CA 90210","lat":34.0708486,"lng":-118.4008226,"phone":"+1-310-205-5444"},{"name":"Gucci Osteria","type":"restaurant","category":"Italian","address":"347 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0685924,"lng":-118.402649,"phone":"+1-424-600-9482"},{"name":"Matsuhisa","type":"restaurant","category":"Japanese","address":"129 N La Cienega Blvd, Beverly Hills, CA 90211","lat":34.0683282,"lng":-118.3765998,"phone":"+1-310-659-9639"},{"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,"phone":"+1-310-652-2827"},{"name":"Avra Beverly Hills","type":"restaurant","category":"Greek","address":"233 N Beverly Dr, Beverly Hills, CA 90210","lat":34.067517,"lng":-118.399645,"phone":"+1-310-425-4200"},{"name":"The Grill on the Alley","type":"restaurant","category":"American","address":"9560 Dayton Way, Beverly Hills, CA 90210","lat":34.0673002,"lng":-118.402091,"phone":"+1-310-276-0615"},{"name":"Funke","type":"restaurant","category":"Italian","address":"9388 S Santa Monica Blvd, Beverly Hills, CA 90210","lat":34.0718063,"lng":-118.4015099,"phone":"+1-310-341-3737"},{"name":"E. Baldi","type":"restaurant","category":"Italian","address":"375 N Canon Dr, Beverly Hills, CA 90210","lat":34.0701835,"lng":-118.4005653,"phone":"+1-310-248-2633"},{"name":"La Scala","type":"restaurant","category":"Italian","address":"434 N Canon Dr, Beverly Hills, CA 90210","lat":34.0713151,"lng":-118.4014557,"phone":"+1-310-275-0579"},{"name":"Nate 'n Al's","type":"restaurant","category":"Deli","address":"414 N Beverly Dr, Beverly Hills, CA 90210","lat":34.0703035,"lng":-118.4021621,"phone":"+1-310-274-0101"},{"name":"Wally's","type":"restaurant","category":"Wine bar","address":"447 N Canon Dr, Beverly Hills, CA 90210","lat":34.0714005,"lng":-118.4017989,"phone":"+1-310-475-3540"},{"name":"The Polo Lounge","type":"restaurant","category":"Californian","address":"9641 Sunset Blvd, Beverly Hills, CA 90210","lat":34.0814561,"lng":-118.4143932,"phone":"+1-310-887-2777"},{"name":"The Belvedere","type":"restaurant","category":"Fine dining","address":"9882 S Santa Monica Blvd, Beverly Hills, CA 90212","lat":34.0679346,"lng":-118.4082522,"phone":"+1-310-788-2306"},{"name":"Steak 48","type":"restaurant","category":"Steakhouse","address":"250 N Canon Dr, Beverly Hills, CA 90210","lat":34.0685893,"lng":-118.3987238,"phone":"+1-310-359-8300"},{"name":"Cipriani","type":"restaurant","category":"Italian","address":"9560 Dayton Way, Beverly Hills, CA 90210","lat":34.0673002,"lng":-118.402091,"phone":"+1-310-271-9600"},{"name":"Il Cielo","type":"restaurant","category":"Italian","address":"9018 Burton Way, Beverly Hills, CA 90211","lat":34.0718554,"lng":-118.3883723,"phone":"+1-310-276-9990"},{"name":"Gucci","type":"store","category":"Fashion","address":"347 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0685924,"lng":-118.402649,"phone":"+1-310-278-3451"},{"name":"Louis Vuitton","type":"store","category":"Fashion","address":"295 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.067368,"lng":-118.4013943,"phone":"+1-310-859-0457"},{"name":"Chanel","type":"store","category":"Fashion","address":"400 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0694034,"lng":-118.402939,"phone":"+1-310-278-5500"},{"name":"Dior","type":"store","category":"Fashion","address":"309 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0679223,"lng":-118.401958,"phone":"+1-310-859-4700"},{"name":"Prada","type":"store","category":"Fashion","address":"343 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0684678,"lng":-118.402524,"phone":"+1-310-278-8661"},{"name":"Tiffany & Co.","type":"store","category":"Jewelry","address":"210 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0673085,"lng":-118.4008559,"phone":"+1-310-273-8880"},{"name":"Cartier","type":"store","category":"Jewelry","address":"370 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.069199,"lng":-118.402742,"phone":"+1-310-275-4272"},{"name":"Hermès","type":"store","category":"Fashion","address":"434 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0700805,"lng":-118.403617,"phone":"+1-310-278-6440"},{"name":"Saint Laurent","type":"store","category":"Fashion","address":"326 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0684106,"lng":-118.4019843,"phone":"+1-310-271-4110"},{"name":"Versace","type":"store","category":"Fashion","address":"248 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0682272,"lng":-118.401844,"phone":"+1-310-205-3921"},{"name":"Tom Ford","type":"store","category":"Fashion","address":"346 N Rodeo Dr, Beverly Hills, CA 90210","lat":34.0687678,"lng":-118.4023041,"phone":"+1-310-274-8686"},{"name":"Two Rodeo","type":"store","category":"Shopping","address":"2 Rodeo Dr, Beverly Hills, CA 90210","lat":34.0676065,"lng":-118.401447,"phone":"+1-310-247-7040"}];
(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',{
@@ -61,7 +61,12 @@
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>');
+ const tel = l.phone ? l.phone.replace(/[^+0-9]/g,'') : '';
+ m.bindPopup('<div class="pop"><strong>'+l.name+'</strong>'
+ +'<span class="pcat">'+l.category+'</span>'
+ +'<a class="paddr" href="https://maps.google.com/?q='+encodeURIComponent(l.name+' '+l.address)+'" target="_blank" rel="noopener">'+l.address+'</a>'
+ +(l.phone ? '<a class="pcall" href="tel:'+tel+'">Call '+l.phone+'</a>' : '')
+ +'</div>');
m.addTo(layers[l.type]||layers.restaurant);
});
if(bounds.length) map.fitBounds(bounds,{padding:[40,40]});
diff --git a/public/style.css b/public/style.css
index 837b593..d6c18f2 100644
--- a/public/style.css
+++ b/public/style.css
@@ -104,3 +104,12 @@ p{margin:0 0 1.1em}
.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)}
+
+/* map popups */
+.pop{min-width:180px}
+.pop strong{font-family:var(--serif);font-size:1.2rem;font-weight:600;display:block;margin-bottom:.1em}
+.pop .pcat{display:block;font-family:var(--ui);text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:var(--muted);margin-bottom:.5em}
+.pop .paddr{display:block;font-family:var(--ui);font-size:.8rem;color:var(--soft);text-decoration:none;line-height:1.5;border-bottom:1px solid transparent;margin-bottom:.7em}
+.pop .paddr:hover{border-color:var(--soft)}
+.pop .pcall{display:block;text-align:center;font-family:var(--ui);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:500;color:#fff!important;background:var(--accent);padding:.7em 1em;border-radius:2px;text-decoration:none}
+.pop .pcall:hover{background:#163025}
← b8fc5ea add interactive Map page: 20 restaurants + 12 Rodeo Drive st
·
back to Beverlyhillsvideos
·
nav: collapse all tabs into upper-left hamburger → full-scre d04a746 →