[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-mapbox-mapbox-store-locator-patterns":3,"mdc-qlhk82-key":33,"related-org-mapbox-mapbox-store-locator-patterns":5833,"related-repo-mapbox-mapbox-store-locator-patterns":6005},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":31,"mdContent":32},"mapbox-store-locator-patterns","build store locators with Mapbox","Common patterns for building store locators, restaurant finders, and location-based search applications with Mapbox. Covers marker display, filtering, distance calculation, and interactive lists.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"mapbox","Mapbox","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fmapbox.png",[12,14,17,20],{"name":9,"slug":8,"type":13},"tag",{"name":15,"slug":16,"type":13},"Web Development","web-development",{"name":18,"slug":19,"type":13},"Search","search",{"name":21,"slug":22,"type":13},"Frontend","frontend",69,"https:\u002F\u002Fgithub.com\u002Fmapbox\u002Fmapbox-agent-skills","2026-04-06T18:28:59.036916",null,10,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":26},[],"https:\u002F\u002Fgithub.com\u002Fmapbox\u002Fmapbox-agent-skills\u002Ftree\u002FHEAD\u002Fskills\u002Fmapbox-store-locator-patterns","---\nname: mapbox-store-locator-patterns\ndescription: Common patterns for building store locators, restaurant finders, and location-based search applications with Mapbox. Covers marker display, filtering, distance calculation, and interactive lists.\n---\n\n# Store Locator Patterns Skill\n\nComprehensive patterns for building store locators, restaurant finders, and location-based search applications with Mapbox GL JS. Covers marker display, filtering, distance calculation, interactive lists, and directions integration.\n\n## When to Use This Skill\n\nUse this skill when building applications that:\n\n- Display multiple locations on a map (stores, restaurants, offices, etc.)\n- Allow users to filter or search locations\n- Calculate distances from user location\n- Provide interactive lists synced with map markers\n- Show location details in popups or side panels\n- Integrate directions to selected locations\n\n## Dependencies\n\n**Required:**\n\n- Mapbox GL JS v3.x\n- [@turf\u002Fturf](https:\u002F\u002Fturfjs.org\u002F) - For spatial calculations (distance, area, etc.)\n\n**Installation:**\n\n```bash\nnpm install mapbox-gl @turf\u002Fturf\n```\n\n## Core Architecture\n\n### Pattern Overview\n\nA typical store locator consists of:\n\n1. **Map Display** - Shows all locations as markers\n2. **Location Data** - GeoJSON with store\u002Flocation information\n3. **Interactive List** - Side panel listing all locations\n4. **Filtering** - Search, category filters, distance filters\n5. **Detail View** - Popup or panel with location details\n6. **User Location** - Geolocation for distance calculation. For the blue dot location indicator, use the built-in `mapboxgl.GeolocateControl` — simpler than custom markers.\n7. **Directions** - Route to selected location (optional)\n\n### Data Structure\n\n**GeoJSON format for locations:**\n\n```json\n{\n \"type\": \"FeatureCollection\",\n \"features\": [\n {\n \"type\": \"Feature\",\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [-77.034084, 38.909671]\n },\n \"properties\": {\n \"id\": \"store-001\",\n \"name\": \"Downtown Store\",\n \"address\": \"123 Main St, Washington, DC 20001\",\n \"phone\": \"(202) 555-0123\",\n \"hours\": \"Mon-Sat: 9am-9pm, Sun: 10am-6pm\",\n \"category\": \"retail\",\n \"website\": \"https:\u002F\u002Fexample.com\u002Fdowntown\"\n }\n }\n ]\n}\n```\n\n**Key properties:**\n\n- `id` - Unique identifier for each location\n- `name` - Display name\n- `address` - Full address for display and geocoding\n- `coordinates` - `[longitude, latitude]` format\n- `category` - For filtering (retail, restaurant, office, etc.)\n- Custom properties as needed (hours, phone, website, etc.)\n\n## Basic Store Locator Implementation\n\n### Step 1: Initialize Map and Data\n\n```javascript\nimport mapboxgl from 'mapbox-gl';\nimport 'mapbox-gl\u002Fdist\u002Fmapbox-gl.css';\n\nmapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';\n\n\u002F\u002F Store locations data\nconst stores = {\n type: 'FeatureCollection',\n features: [\n {\n type: 'Feature',\n geometry: {\n type: 'Point',\n coordinates: [-77.034084, 38.909671]\n },\n properties: {\n id: 'store-001',\n name: 'Downtown Store',\n address: '123 Main St, Washington, DC 20001',\n phone: '(202) 555-0123',\n category: 'retail'\n }\n }\n \u002F\u002F ... more stores\n ]\n};\n\nconst map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\u002F\u002Fstyles\u002Fmapbox\u002Fstandard',\n center: [-77.034084, 38.909671],\n zoom: 11\n});\n```\n\n### Step 2: Add Markers to Map\n\n**Marker strategy by location count:**\n\n| Count | Strategy | Reason |\n| ------------------- | -------------------------- | ------------------------------------------------------------------------------ |\n| **Fewer than 100** | HTML Markers | Full DOM\u002FCSS control; DOM node count is manageable |\n| **100–1,000** | **Symbol Layer** (default) | Renders on the **GPU via WebGL** — one `\u003Ccanvas>`, zero per-point DOM elements |\n| **More than 1,000** | Clustering | Reduces visual clutter at large scale |\n\n> HTML Markers create one DOM element per point. Beyond ~100 locations the browser spends too much time on layout\u002Fpaint. Symbol layers bypass the DOM entirely — the GPU draws all points in a single WebGL draw call.\n\n**Symbol Layer implementation** (best for 100–1,000 locations). For HTML Markers (fewer than 100) or Clustering (more than 1,000), see `references\u002Fmarkers.md`.\n\n```javascript\nmap.on('load', () => {\n \u002F\u002F Add store data as source\n map.addSource('stores', {\n type: 'geojson',\n data: stores\n });\n\n \u002F\u002F Add custom marker image\n map.loadImage('\u002Fmarker-icon.png', (error, image) => {\n if (error) throw error;\n map.addImage('custom-marker', image);\n\n \u002F\u002F Add symbol layer\n map.addLayer({\n id: 'stores-layer',\n type: 'symbol',\n source: 'stores',\n layout: {\n 'icon-image': 'custom-marker',\n 'icon-size': 0.8,\n 'icon-allow-overlap': true,\n 'text-field': ['get', 'name'],\n 'text-font': ['Open Sans Bold', 'Arial Unicode MS Bold'],\n 'text-offset': [0, 1.5],\n 'text-anchor': 'top',\n 'text-size': 12\n }\n });\n });\n\n \u002F\u002F Handle marker clicks using Interactions API (recommended)\n map.addInteraction('store-click', {\n type: 'click',\n target: { layerId: 'stores-layer' },\n handler: (e) => {\n const store = e.feature;\n flyToStore(store);\n createPopup(store);\n }\n });\n\n \u002F\u002F Or using traditional event listener:\n \u002F\u002F map.on('click', 'stores-layer', (e) => {\n \u002F\u002F const store = e.features[0];\n \u002F\u002F flyToStore(store);\n \u002F\u002F createPopup(store);\n \u002F\u002F });\n\n \u002F\u002F Change cursor on hover\n map.on('mouseenter', 'stores-layer', () => {\n map.getCanvas().style.cursor = 'pointer';\n });\n\n map.on('mouseleave', 'stores-layer', () => {\n map.getCanvas().style.cursor = '';\n });\n});\n```\n\n### Step 3: Build Interactive Location List\n\n```javascript\nfunction buildLocationList(stores) {\n const listingContainer = document.getElementById('listings');\n\n stores.features.forEach((store, index) => {\n const listing = listingContainer.appendChild(document.createElement('div'));\n listing.id = `listing-${store.properties.id}`;\n listing.className = 'listing';\n\n const link = listing.appendChild(document.createElement('a'));\n link.href = '#';\n link.className = 'title';\n link.id = `link-${store.properties.id}`;\n link.innerHTML = store.properties.name;\n\n const details = listing.appendChild(document.createElement('div'));\n details.innerHTML = `\n \u003Cp>${store.properties.address}\u003C\u002Fp>\n \u003Cp>${store.properties.phone || ''}\u003C\u002Fp>\n `;\n\n \u002F\u002F Handle listing click\n link.addEventListener('click', (e) => {\n e.preventDefault();\n flyToStore(store);\n createPopup(store);\n highlightListing(store.properties.id);\n });\n });\n}\n\nfunction flyToStore(store) {\n map.flyTo({\n center: store.geometry.coordinates,\n zoom: 15,\n duration: 1000\n });\n}\n\nfunction createPopup(store) {\n const popups = document.getElementsByClassName('mapboxgl-popup');\n \u002F\u002F Remove existing popups\n if (popups[0]) popups[0].remove();\n\n new mapboxgl.Popup({ closeOnClick: true })\n .setLngLat(store.geometry.coordinates)\n .setHTML(\n `\u003Ch3>${store.properties.name}\u003C\u002Fh3>\n \u003Cp>${store.properties.address}\u003C\u002Fp>\n \u003Cp>${store.properties.phone}\u003C\u002Fp>\n ${store.properties.website ? `\u003Ca href=\"${store.properties.website}\" target=\"_blank\">Visit Website\u003C\u002Fa>` : ''}`\n )\n .addTo(map);\n}\n\n\u002F\u002F IMPORTANT: highlightListing MUST include scrollIntoView — without it,\n\u002F\u002F selecting a marker on the map won't scroll the sidebar to the listing.\nfunction highlightListing(id) {\n \u002F\u002F Remove existing highlights\n const activeItem = document.getElementsByClassName('active');\n if (activeItem[0]) {\n activeItem[0].classList.remove('active');\n }\n\n \u002F\u002F Add highlight to selected listing\n const listing = document.getElementById(`listing-${id}`);\n listing.classList.add('active');\n\n \u002F\u002F Scroll the selected listing into view (critical UX requirement)\n listing.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n}\n\n\u002F\u002F Build the list on load\nmap.on('load', () => {\n buildLocationList(stores);\n});\n```\n\n## Reference Files\n\nLoad these references for additional patterns as needed:\n\n| Reference | File | Contents |\n| ------------------------- | -------------------------------------- | ---------------------------------------------------------------- |\n| HTML Markers & Clustering | `references\u002Fmarkers.md` | HTML Markers (\u003C 100 locations), Clustering (> 1000 locations) |\n| Search & Filter | `references\u002Fsearch-filter.md` | Text search, category filter |\n| Geolocation & Directions | `references\u002Fgeolocation-directions.md` | User location, distance calculation, route directions |\n| Styling & Layout | `references\u002Fstyling-layout.md` | Full HTML\u002FCSS layout, custom marker CSS |\n| Performance & A11y | `references\u002Foptimization-a11y.md` | Debounced search, data management, error handling, accessibility |\n| Variations & React | `references\u002Fvariations-react.md` | Mobile-first, fullscreen, map-only, React implementation |\n\n## Resources\n\n- [Turf.js](https:\u002F\u002Fturfjs.org\u002F) - Spatial analysis library (recommended for distance calculations)\n- [Mapbox GL JS API](https:\u002F\u002Fdocs.mapbox.com\u002Fmapbox-gl-js\u002F)\n- [Interactions API Guide](https:\u002F\u002Fdocs.mapbox.com\u002Fmapbox-gl-js\u002Fguides\u002Fuser-interactions\u002Finteractions\u002F)\n- [GeoJSON Specification](https:\u002F\u002Fgeojson.org\u002F)\n- [Directions API](https:\u002F\u002Fdocs.mapbox.com\u002Fapi\u002Fnavigation\u002Fdirections\u002F)\n- [Store Locator Tutorial](https:\u002F\u002Fdocs.mapbox.com\u002Fhelp\u002Ftutorials\u002Fbuilding-a-store-locator\u002F)\n",{"data":34,"body":35},{"name":4,"description":6},{"type":36,"children":37},"root",[38,47,53,60,65,100,106,115,137,145,185,191,198,203,285,291,299,877,885,951,957,963,1678,1684,1692,1808,1817,1834,3327,3333,5589,5595,5600,5758,5764,5828],{"type":39,"tag":40,"props":41,"children":43},"element","h1",{"id":42},"store-locator-patterns-skill",[44],{"type":45,"value":46},"text","Store Locator Patterns Skill",{"type":39,"tag":48,"props":49,"children":50},"p",{},[51],{"type":45,"value":52},"Comprehensive patterns for building store locators, restaurant finders, and location-based search applications with Mapbox GL JS. Covers marker display, filtering, distance calculation, interactive lists, and directions integration.",{"type":39,"tag":54,"props":55,"children":57},"h2",{"id":56},"when-to-use-this-skill",[58],{"type":45,"value":59},"When to Use This Skill",{"type":39,"tag":48,"props":61,"children":62},{},[63],{"type":45,"value":64},"Use this skill when building applications that:",{"type":39,"tag":66,"props":67,"children":68},"ul",{},[69,75,80,85,90,95],{"type":39,"tag":70,"props":71,"children":72},"li",{},[73],{"type":45,"value":74},"Display multiple locations on a map (stores, restaurants, offices, etc.)",{"type":39,"tag":70,"props":76,"children":77},{},[78],{"type":45,"value":79},"Allow users to filter or search locations",{"type":39,"tag":70,"props":81,"children":82},{},[83],{"type":45,"value":84},"Calculate distances from user location",{"type":39,"tag":70,"props":86,"children":87},{},[88],{"type":45,"value":89},"Provide interactive lists synced with map markers",{"type":39,"tag":70,"props":91,"children":92},{},[93],{"type":45,"value":94},"Show location details in popups or side panels",{"type":39,"tag":70,"props":96,"children":97},{},[98],{"type":45,"value":99},"Integrate directions to selected locations",{"type":39,"tag":54,"props":101,"children":103},{"id":102},"dependencies",[104],{"type":45,"value":105},"Dependencies",{"type":39,"tag":48,"props":107,"children":108},{},[109],{"type":39,"tag":110,"props":111,"children":112},"strong",{},[113],{"type":45,"value":114},"Required:",{"type":39,"tag":66,"props":116,"children":117},{},[118,123],{"type":39,"tag":70,"props":119,"children":120},{},[121],{"type":45,"value":122},"Mapbox GL JS v3.x",{"type":39,"tag":70,"props":124,"children":125},{},[126,135],{"type":39,"tag":127,"props":128,"children":132},"a",{"href":129,"rel":130},"https:\u002F\u002Fturfjs.org\u002F",[131],"nofollow",[133],{"type":45,"value":134},"@turf\u002Fturf",{"type":45,"value":136}," - For spatial calculations (distance, area, etc.)",{"type":39,"tag":48,"props":138,"children":139},{},[140],{"type":39,"tag":110,"props":141,"children":142},{},[143],{"type":45,"value":144},"Installation:",{"type":39,"tag":146,"props":147,"children":152},"pre",{"className":148,"code":149,"language":150,"meta":151,"style":151},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install mapbox-gl @turf\u002Fturf\n","bash","",[153],{"type":39,"tag":154,"props":155,"children":156},"code",{"__ignoreMap":151},[157],{"type":39,"tag":158,"props":159,"children":162},"span",{"class":160,"line":161},"line",1,[163,169,175,180],{"type":39,"tag":158,"props":164,"children":166},{"style":165},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[167],{"type":45,"value":168},"npm",{"type":39,"tag":158,"props":170,"children":172},{"style":171},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[173],{"type":45,"value":174}," install",{"type":39,"tag":158,"props":176,"children":177},{"style":171},[178],{"type":45,"value":179}," mapbox-gl",{"type":39,"tag":158,"props":181,"children":182},{"style":171},[183],{"type":45,"value":184}," @turf\u002Fturf\n",{"type":39,"tag":54,"props":186,"children":188},{"id":187},"core-architecture",[189],{"type":45,"value":190},"Core Architecture",{"type":39,"tag":192,"props":193,"children":195},"h3",{"id":194},"pattern-overview",[196],{"type":45,"value":197},"Pattern Overview",{"type":39,"tag":48,"props":199,"children":200},{},[201],{"type":45,"value":202},"A typical store locator consists of:",{"type":39,"tag":204,"props":205,"children":206},"ol",{},[207,217,227,237,247,257,275],{"type":39,"tag":70,"props":208,"children":209},{},[210,215],{"type":39,"tag":110,"props":211,"children":212},{},[213],{"type":45,"value":214},"Map Display",{"type":45,"value":216}," - Shows all locations as markers",{"type":39,"tag":70,"props":218,"children":219},{},[220,225],{"type":39,"tag":110,"props":221,"children":222},{},[223],{"type":45,"value":224},"Location Data",{"type":45,"value":226}," - GeoJSON with store\u002Flocation information",{"type":39,"tag":70,"props":228,"children":229},{},[230,235],{"type":39,"tag":110,"props":231,"children":232},{},[233],{"type":45,"value":234},"Interactive List",{"type":45,"value":236}," - Side panel listing all locations",{"type":39,"tag":70,"props":238,"children":239},{},[240,245],{"type":39,"tag":110,"props":241,"children":242},{},[243],{"type":45,"value":244},"Filtering",{"type":45,"value":246}," - Search, category filters, distance filters",{"type":39,"tag":70,"props":248,"children":249},{},[250,255],{"type":39,"tag":110,"props":251,"children":252},{},[253],{"type":45,"value":254},"Detail View",{"type":45,"value":256}," - Popup or panel with location details",{"type":39,"tag":70,"props":258,"children":259},{},[260,265,267,273],{"type":39,"tag":110,"props":261,"children":262},{},[263],{"type":45,"value":264},"User Location",{"type":45,"value":266}," - Geolocation for distance calculation. For the blue dot location indicator, use the built-in ",{"type":39,"tag":154,"props":268,"children":270},{"className":269},[],[271],{"type":45,"value":272},"mapboxgl.GeolocateControl",{"type":45,"value":274}," — simpler than custom markers.",{"type":39,"tag":70,"props":276,"children":277},{},[278,283],{"type":39,"tag":110,"props":279,"children":280},{},[281],{"type":45,"value":282},"Directions",{"type":45,"value":284}," - Route to selected location (optional)",{"type":39,"tag":192,"props":286,"children":288},{"id":287},"data-structure",[289],{"type":45,"value":290},"Data Structure",{"type":39,"tag":48,"props":292,"children":293},{},[294],{"type":39,"tag":110,"props":295,"children":296},{},[297],{"type":45,"value":298},"GeoJSON format for locations:",{"type":39,"tag":146,"props":300,"children":304},{"className":301,"code":302,"language":303,"meta":151,"style":151},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"type\": \"FeatureCollection\",\n \"features\": [\n {\n \"type\": \"Feature\",\n \"geometry\": {\n \"type\": \"Point\",\n \"coordinates\": [-77.034084, 38.909671]\n },\n \"properties\": {\n \"id\": \"store-001\",\n \"name\": \"Downtown Store\",\n \"address\": \"123 Main St, Washington, DC 20001\",\n \"phone\": \"(202) 555-0123\",\n \"hours\": \"Mon-Sat: 9am-9pm, Sun: 10am-6pm\",\n \"category\": \"retail\",\n \"website\": \"https:\u002F\u002Fexample.com\u002Fdowntown\"\n }\n }\n ]\n}\n","json",[305],{"type":39,"tag":154,"props":306,"children":307},{"__ignoreMap":151},[308,317,361,387,396,434,460,499,545,554,578,616,654,692,730,768,806,841,850,859,868],{"type":39,"tag":158,"props":309,"children":310},{"class":160,"line":161},[311],{"type":39,"tag":158,"props":312,"children":314},{"style":313},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[315],{"type":45,"value":316},"{\n",{"type":39,"tag":158,"props":318,"children":320},{"class":160,"line":319},2,[321,326,332,337,342,347,352,356],{"type":39,"tag":158,"props":322,"children":323},{"style":313},[324],{"type":45,"value":325}," \"",{"type":39,"tag":158,"props":327,"children":329},{"style":328},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[330],{"type":45,"value":331},"type",{"type":39,"tag":158,"props":333,"children":334},{"style":313},[335],{"type":45,"value":336},"\"",{"type":39,"tag":158,"props":338,"children":339},{"style":313},[340],{"type":45,"value":341},":",{"type":39,"tag":158,"props":343,"children":344},{"style":313},[345],{"type":45,"value":346}," \"",{"type":39,"tag":158,"props":348,"children":349},{"style":171},[350],{"type":45,"value":351},"FeatureCollection",{"type":39,"tag":158,"props":353,"children":354},{"style":313},[355],{"type":45,"value":336},{"type":39,"tag":158,"props":357,"children":358},{"style":313},[359],{"type":45,"value":360},",\n",{"type":39,"tag":158,"props":362,"children":364},{"class":160,"line":363},3,[365,369,374,378,382],{"type":39,"tag":158,"props":366,"children":367},{"style":313},[368],{"type":45,"value":325},{"type":39,"tag":158,"props":370,"children":371},{"style":328},[372],{"type":45,"value":373},"features",{"type":39,"tag":158,"props":375,"children":376},{"style":313},[377],{"type":45,"value":336},{"type":39,"tag":158,"props":379,"children":380},{"style":313},[381],{"type":45,"value":341},{"type":39,"tag":158,"props":383,"children":384},{"style":313},[385],{"type":45,"value":386}," [\n",{"type":39,"tag":158,"props":388,"children":390},{"class":160,"line":389},4,[391],{"type":39,"tag":158,"props":392,"children":393},{"style":313},[394],{"type":45,"value":395}," {\n",{"type":39,"tag":158,"props":397,"children":399},{"class":160,"line":398},5,[400,405,409,413,417,421,426,430],{"type":39,"tag":158,"props":401,"children":402},{"style":313},[403],{"type":45,"value":404}," \"",{"type":39,"tag":158,"props":406,"children":407},{"style":165},[408],{"type":45,"value":331},{"type":39,"tag":158,"props":410,"children":411},{"style":313},[412],{"type":45,"value":336},{"type":39,"tag":158,"props":414,"children":415},{"style":313},[416],{"type":45,"value":341},{"type":39,"tag":158,"props":418,"children":419},{"style":313},[420],{"type":45,"value":346},{"type":39,"tag":158,"props":422,"children":423},{"style":171},[424],{"type":45,"value":425},"Feature",{"type":39,"tag":158,"props":427,"children":428},{"style":313},[429],{"type":45,"value":336},{"type":39,"tag":158,"props":431,"children":432},{"style":313},[433],{"type":45,"value":360},{"type":39,"tag":158,"props":435,"children":437},{"class":160,"line":436},6,[438,442,447,451,455],{"type":39,"tag":158,"props":439,"children":440},{"style":313},[441],{"type":45,"value":404},{"type":39,"tag":158,"props":443,"children":444},{"style":165},[445],{"type":45,"value":446},"geometry",{"type":39,"tag":158,"props":448,"children":449},{"style":313},[450],{"type":45,"value":336},{"type":39,"tag":158,"props":452,"children":453},{"style":313},[454],{"type":45,"value":341},{"type":39,"tag":158,"props":456,"children":457},{"style":313},[458],{"type":45,"value":459}," {\n",{"type":39,"tag":158,"props":461,"children":463},{"class":160,"line":462},7,[464,469,474,478,482,486,491,495],{"type":39,"tag":158,"props":465,"children":466},{"style":313},[467],{"type":45,"value":468}," \"",{"type":39,"tag":158,"props":470,"children":472},{"style":471},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[473],{"type":45,"value":331},{"type":39,"tag":158,"props":475,"children":476},{"style":313},[477],{"type":45,"value":336},{"type":39,"tag":158,"props":479,"children":480},{"style":313},[481],{"type":45,"value":341},{"type":39,"tag":158,"props":483,"children":484},{"style":313},[485],{"type":45,"value":346},{"type":39,"tag":158,"props":487,"children":488},{"style":171},[489],{"type":45,"value":490},"Point",{"type":39,"tag":158,"props":492,"children":493},{"style":313},[494],{"type":45,"value":336},{"type":39,"tag":158,"props":496,"children":497},{"style":313},[498],{"type":45,"value":360},{"type":39,"tag":158,"props":500,"children":502},{"class":160,"line":501},8,[503,507,512,516,520,525,530,535,540],{"type":39,"tag":158,"props":504,"children":505},{"style":313},[506],{"type":45,"value":468},{"type":39,"tag":158,"props":508,"children":509},{"style":471},[510],{"type":45,"value":511},"coordinates",{"type":39,"tag":158,"props":513,"children":514},{"style":313},[515],{"type":45,"value":336},{"type":39,"tag":158,"props":517,"children":518},{"style":313},[519],{"type":45,"value":341},{"type":39,"tag":158,"props":521,"children":522},{"style":313},[523],{"type":45,"value":524}," [",{"type":39,"tag":158,"props":526,"children":527},{"style":471},[528],{"type":45,"value":529},"-77.034084",{"type":39,"tag":158,"props":531,"children":532},{"style":313},[533],{"type":45,"value":534},",",{"type":39,"tag":158,"props":536,"children":537},{"style":471},[538],{"type":45,"value":539}," 38.909671",{"type":39,"tag":158,"props":541,"children":542},{"style":313},[543],{"type":45,"value":544},"]\n",{"type":39,"tag":158,"props":546,"children":548},{"class":160,"line":547},9,[549],{"type":39,"tag":158,"props":550,"children":551},{"style":313},[552],{"type":45,"value":553}," },\n",{"type":39,"tag":158,"props":555,"children":556},{"class":160,"line":27},[557,561,566,570,574],{"type":39,"tag":158,"props":558,"children":559},{"style":313},[560],{"type":45,"value":404},{"type":39,"tag":158,"props":562,"children":563},{"style":165},[564],{"type":45,"value":565},"properties",{"type":39,"tag":158,"props":567,"children":568},{"style":313},[569],{"type":45,"value":336},{"type":39,"tag":158,"props":571,"children":572},{"style":313},[573],{"type":45,"value":341},{"type":39,"tag":158,"props":575,"children":576},{"style":313},[577],{"type":45,"value":459},{"type":39,"tag":158,"props":579,"children":581},{"class":160,"line":580},11,[582,586,591,595,599,603,608,612],{"type":39,"tag":158,"props":583,"children":584},{"style":313},[585],{"type":45,"value":468},{"type":39,"tag":158,"props":587,"children":588},{"style":471},[589],{"type":45,"value":590},"id",{"type":39,"tag":158,"props":592,"children":593},{"style":313},[594],{"type":45,"value":336},{"type":39,"tag":158,"props":596,"children":597},{"style":313},[598],{"type":45,"value":341},{"type":39,"tag":158,"props":600,"children":601},{"style":313},[602],{"type":45,"value":346},{"type":39,"tag":158,"props":604,"children":605},{"style":171},[606],{"type":45,"value":607},"store-001",{"type":39,"tag":158,"props":609,"children":610},{"style":313},[611],{"type":45,"value":336},{"type":39,"tag":158,"props":613,"children":614},{"style":313},[615],{"type":45,"value":360},{"type":39,"tag":158,"props":617,"children":619},{"class":160,"line":618},12,[620,624,629,633,637,641,646,650],{"type":39,"tag":158,"props":621,"children":622},{"style":313},[623],{"type":45,"value":468},{"type":39,"tag":158,"props":625,"children":626},{"style":471},[627],{"type":45,"value":628},"name",{"type":39,"tag":158,"props":630,"children":631},{"style":313},[632],{"type":45,"value":336},{"type":39,"tag":158,"props":634,"children":635},{"style":313},[636],{"type":45,"value":341},{"type":39,"tag":158,"props":638,"children":639},{"style":313},[640],{"type":45,"value":346},{"type":39,"tag":158,"props":642,"children":643},{"style":171},[644],{"type":45,"value":645},"Downtown Store",{"type":39,"tag":158,"props":647,"children":648},{"style":313},[649],{"type":45,"value":336},{"type":39,"tag":158,"props":651,"children":652},{"style":313},[653],{"type":45,"value":360},{"type":39,"tag":158,"props":655,"children":657},{"class":160,"line":656},13,[658,662,667,671,675,679,684,688],{"type":39,"tag":158,"props":659,"children":660},{"style":313},[661],{"type":45,"value":468},{"type":39,"tag":158,"props":663,"children":664},{"style":471},[665],{"type":45,"value":666},"address",{"type":39,"tag":158,"props":668,"children":669},{"style":313},[670],{"type":45,"value":336},{"type":39,"tag":158,"props":672,"children":673},{"style":313},[674],{"type":45,"value":341},{"type":39,"tag":158,"props":676,"children":677},{"style":313},[678],{"type":45,"value":346},{"type":39,"tag":158,"props":680,"children":681},{"style":171},[682],{"type":45,"value":683},"123 Main St, Washington, DC 20001",{"type":39,"tag":158,"props":685,"children":686},{"style":313},[687],{"type":45,"value":336},{"type":39,"tag":158,"props":689,"children":690},{"style":313},[691],{"type":45,"value":360},{"type":39,"tag":158,"props":693,"children":695},{"class":160,"line":694},14,[696,700,705,709,713,717,722,726],{"type":39,"tag":158,"props":697,"children":698},{"style":313},[699],{"type":45,"value":468},{"type":39,"tag":158,"props":701,"children":702},{"style":471},[703],{"type":45,"value":704},"phone",{"type":39,"tag":158,"props":706,"children":707},{"style":313},[708],{"type":45,"value":336},{"type":39,"tag":158,"props":710,"children":711},{"style":313},[712],{"type":45,"value":341},{"type":39,"tag":158,"props":714,"children":715},{"style":313},[716],{"type":45,"value":346},{"type":39,"tag":158,"props":718,"children":719},{"style":171},[720],{"type":45,"value":721},"(202) 555-0123",{"type":39,"tag":158,"props":723,"children":724},{"style":313},[725],{"type":45,"value":336},{"type":39,"tag":158,"props":727,"children":728},{"style":313},[729],{"type":45,"value":360},{"type":39,"tag":158,"props":731,"children":733},{"class":160,"line":732},15,[734,738,743,747,751,755,760,764],{"type":39,"tag":158,"props":735,"children":736},{"style":313},[737],{"type":45,"value":468},{"type":39,"tag":158,"props":739,"children":740},{"style":471},[741],{"type":45,"value":742},"hours",{"type":39,"tag":158,"props":744,"children":745},{"style":313},[746],{"type":45,"value":336},{"type":39,"tag":158,"props":748,"children":749},{"style":313},[750],{"type":45,"value":341},{"type":39,"tag":158,"props":752,"children":753},{"style":313},[754],{"type":45,"value":346},{"type":39,"tag":158,"props":756,"children":757},{"style":171},[758],{"type":45,"value":759},"Mon-Sat: 9am-9pm, Sun: 10am-6pm",{"type":39,"tag":158,"props":761,"children":762},{"style":313},[763],{"type":45,"value":336},{"type":39,"tag":158,"props":765,"children":766},{"style":313},[767],{"type":45,"value":360},{"type":39,"tag":158,"props":769,"children":771},{"class":160,"line":770},16,[772,776,781,785,789,793,798,802],{"type":39,"tag":158,"props":773,"children":774},{"style":313},[775],{"type":45,"value":468},{"type":39,"tag":158,"props":777,"children":778},{"style":471},[779],{"type":45,"value":780},"category",{"type":39,"tag":158,"props":782,"children":783},{"style":313},[784],{"type":45,"value":336},{"type":39,"tag":158,"props":786,"children":787},{"style":313},[788],{"type":45,"value":341},{"type":39,"tag":158,"props":790,"children":791},{"style":313},[792],{"type":45,"value":346},{"type":39,"tag":158,"props":794,"children":795},{"style":171},[796],{"type":45,"value":797},"retail",{"type":39,"tag":158,"props":799,"children":800},{"style":313},[801],{"type":45,"value":336},{"type":39,"tag":158,"props":803,"children":804},{"style":313},[805],{"type":45,"value":360},{"type":39,"tag":158,"props":807,"children":809},{"class":160,"line":808},17,[810,814,819,823,827,831,836],{"type":39,"tag":158,"props":811,"children":812},{"style":313},[813],{"type":45,"value":468},{"type":39,"tag":158,"props":815,"children":816},{"style":471},[817],{"type":45,"value":818},"website",{"type":39,"tag":158,"props":820,"children":821},{"style":313},[822],{"type":45,"value":336},{"type":39,"tag":158,"props":824,"children":825},{"style":313},[826],{"type":45,"value":341},{"type":39,"tag":158,"props":828,"children":829},{"style":313},[830],{"type":45,"value":346},{"type":39,"tag":158,"props":832,"children":833},{"style":171},[834],{"type":45,"value":835},"https:\u002F\u002Fexample.com\u002Fdowntown",{"type":39,"tag":158,"props":837,"children":838},{"style":313},[839],{"type":45,"value":840},"\"\n",{"type":39,"tag":158,"props":842,"children":844},{"class":160,"line":843},18,[845],{"type":39,"tag":158,"props":846,"children":847},{"style":313},[848],{"type":45,"value":849}," }\n",{"type":39,"tag":158,"props":851,"children":853},{"class":160,"line":852},19,[854],{"type":39,"tag":158,"props":855,"children":856},{"style":313},[857],{"type":45,"value":858}," }\n",{"type":39,"tag":158,"props":860,"children":862},{"class":160,"line":861},20,[863],{"type":39,"tag":158,"props":864,"children":865},{"style":313},[866],{"type":45,"value":867}," ]\n",{"type":39,"tag":158,"props":869,"children":871},{"class":160,"line":870},21,[872],{"type":39,"tag":158,"props":873,"children":874},{"style":313},[875],{"type":45,"value":876},"}\n",{"type":39,"tag":48,"props":878,"children":879},{},[880],{"type":39,"tag":110,"props":881,"children":882},{},[883],{"type":45,"value":884},"Key properties:",{"type":39,"tag":66,"props":886,"children":887},{},[888,898,908,918,936,946],{"type":39,"tag":70,"props":889,"children":890},{},[891,896],{"type":39,"tag":154,"props":892,"children":894},{"className":893},[],[895],{"type":45,"value":590},{"type":45,"value":897}," - Unique identifier for each location",{"type":39,"tag":70,"props":899,"children":900},{},[901,906],{"type":39,"tag":154,"props":902,"children":904},{"className":903},[],[905],{"type":45,"value":628},{"type":45,"value":907}," - Display name",{"type":39,"tag":70,"props":909,"children":910},{},[911,916],{"type":39,"tag":154,"props":912,"children":914},{"className":913},[],[915],{"type":45,"value":666},{"type":45,"value":917}," - Full address for display and geocoding",{"type":39,"tag":70,"props":919,"children":920},{},[921,926,928,934],{"type":39,"tag":154,"props":922,"children":924},{"className":923},[],[925],{"type":45,"value":511},{"type":45,"value":927}," - ",{"type":39,"tag":154,"props":929,"children":931},{"className":930},[],[932],{"type":45,"value":933},"[longitude, latitude]",{"type":45,"value":935}," format",{"type":39,"tag":70,"props":937,"children":938},{},[939,944],{"type":39,"tag":154,"props":940,"children":942},{"className":941},[],[943],{"type":45,"value":780},{"type":45,"value":945}," - For filtering (retail, restaurant, office, etc.)",{"type":39,"tag":70,"props":947,"children":948},{},[949],{"type":45,"value":950},"Custom properties as needed (hours, phone, website, etc.)",{"type":39,"tag":54,"props":952,"children":954},{"id":953},"basic-store-locator-implementation",[955],{"type":45,"value":956},"Basic Store Locator Implementation",{"type":39,"tag":192,"props":958,"children":960},{"id":959},"step-1-initialize-map-and-data",[961],{"type":45,"value":962},"Step 1: Initialize Map and Data",{"type":39,"tag":146,"props":964,"children":968},{"className":965,"code":966,"language":967,"meta":151,"style":151},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import mapboxgl from 'mapbox-gl';\nimport 'mapbox-gl\u002Fdist\u002Fmapbox-gl.css';\n\nmapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN';\n\n\u002F\u002F Store locations data\nconst stores = {\n type: 'FeatureCollection',\n features: [\n {\n type: 'Feature',\n geometry: {\n type: 'Point',\n coordinates: [-77.034084, 38.909671]\n },\n properties: {\n id: 'store-001',\n name: 'Downtown Store',\n address: '123 Main St, Washington, DC 20001',\n phone: '(202) 555-0123',\n category: 'retail'\n }\n }\n \u002F\u002F ... more stores\n ]\n};\n\nconst map = new mapboxgl.Map({\n container: 'map',\n style: 'mapbox:\u002F\u002Fstyles\u002Fmapbox\u002Fstandard',\n center: [-77.034084, 38.909671],\n zoom: 11\n});\n","javascript",[969],{"type":39,"tag":154,"props":970,"children":971},{"__ignoreMap":151},[972,1012,1036,1045,1085,1092,1101,1122,1151,1167,1174,1202,1218,1246,1284,1291,1307,1335,1363,1391,1419,1444,1452,1460,1469,1477,1486,1494,1540,1570,1600,1642,1660],{"type":39,"tag":158,"props":973,"children":974},{"class":160,"line":161},[975,981,987,992,997,1002,1007],{"type":39,"tag":158,"props":976,"children":978},{"style":977},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[979],{"type":45,"value":980},"import",{"type":39,"tag":158,"props":982,"children":984},{"style":983},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[985],{"type":45,"value":986}," mapboxgl ",{"type":39,"tag":158,"props":988,"children":989},{"style":977},[990],{"type":45,"value":991},"from",{"type":39,"tag":158,"props":993,"children":994},{"style":313},[995],{"type":45,"value":996}," '",{"type":39,"tag":158,"props":998,"children":999},{"style":171},[1000],{"type":45,"value":1001},"mapbox-gl",{"type":39,"tag":158,"props":1003,"children":1004},{"style":313},[1005],{"type":45,"value":1006},"'",{"type":39,"tag":158,"props":1008,"children":1009},{"style":313},[1010],{"type":45,"value":1011},";\n",{"type":39,"tag":158,"props":1013,"children":1014},{"class":160,"line":319},[1015,1019,1023,1028,1032],{"type":39,"tag":158,"props":1016,"children":1017},{"style":977},[1018],{"type":45,"value":980},{"type":39,"tag":158,"props":1020,"children":1021},{"style":313},[1022],{"type":45,"value":996},{"type":39,"tag":158,"props":1024,"children":1025},{"style":171},[1026],{"type":45,"value":1027},"mapbox-gl\u002Fdist\u002Fmapbox-gl.css",{"type":39,"tag":158,"props":1029,"children":1030},{"style":313},[1031],{"type":45,"value":1006},{"type":39,"tag":158,"props":1033,"children":1034},{"style":313},[1035],{"type":45,"value":1011},{"type":39,"tag":158,"props":1037,"children":1038},{"class":160,"line":363},[1039],{"type":39,"tag":158,"props":1040,"children":1042},{"emptyLinePlaceholder":1041},true,[1043],{"type":45,"value":1044},"\n",{"type":39,"tag":158,"props":1046,"children":1047},{"class":160,"line":389},[1048,1053,1058,1063,1068,1072,1077,1081],{"type":39,"tag":158,"props":1049,"children":1050},{"style":983},[1051],{"type":45,"value":1052},"mapboxgl",{"type":39,"tag":158,"props":1054,"children":1055},{"style":313},[1056],{"type":45,"value":1057},".",{"type":39,"tag":158,"props":1059,"children":1060},{"style":983},[1061],{"type":45,"value":1062},"accessToken ",{"type":39,"tag":158,"props":1064,"children":1065},{"style":313},[1066],{"type":45,"value":1067},"=",{"type":39,"tag":158,"props":1069,"children":1070},{"style":313},[1071],{"type":45,"value":996},{"type":39,"tag":158,"props":1073,"children":1074},{"style":171},[1075],{"type":45,"value":1076},"YOUR_MAPBOX_ACCESS_TOKEN",{"type":39,"tag":158,"props":1078,"children":1079},{"style":313},[1080],{"type":45,"value":1006},{"type":39,"tag":158,"props":1082,"children":1083},{"style":313},[1084],{"type":45,"value":1011},{"type":39,"tag":158,"props":1086,"children":1087},{"class":160,"line":398},[1088],{"type":39,"tag":158,"props":1089,"children":1090},{"emptyLinePlaceholder":1041},[1091],{"type":45,"value":1044},{"type":39,"tag":158,"props":1093,"children":1094},{"class":160,"line":436},[1095],{"type":39,"tag":158,"props":1096,"children":1098},{"style":1097},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[1099],{"type":45,"value":1100},"\u002F\u002F Store locations data\n",{"type":39,"tag":158,"props":1102,"children":1103},{"class":160,"line":462},[1104,1109,1114,1118],{"type":39,"tag":158,"props":1105,"children":1106},{"style":328},[1107],{"type":45,"value":1108},"const",{"type":39,"tag":158,"props":1110,"children":1111},{"style":983},[1112],{"type":45,"value":1113}," stores ",{"type":39,"tag":158,"props":1115,"children":1116},{"style":313},[1117],{"type":45,"value":1067},{"type":39,"tag":158,"props":1119,"children":1120},{"style":313},[1121],{"type":45,"value":459},{"type":39,"tag":158,"props":1123,"children":1124},{"class":160,"line":501},[1125,1131,1135,1139,1143,1147],{"type":39,"tag":158,"props":1126,"children":1128},{"style":1127},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1129],{"type":45,"value":1130}," type",{"type":39,"tag":158,"props":1132,"children":1133},{"style":313},[1134],{"type":45,"value":341},{"type":39,"tag":158,"props":1136,"children":1137},{"style":313},[1138],{"type":45,"value":996},{"type":39,"tag":158,"props":1140,"children":1141},{"style":171},[1142],{"type":45,"value":351},{"type":39,"tag":158,"props":1144,"children":1145},{"style":313},[1146],{"type":45,"value":1006},{"type":39,"tag":158,"props":1148,"children":1149},{"style":313},[1150],{"type":45,"value":360},{"type":39,"tag":158,"props":1152,"children":1153},{"class":160,"line":547},[1154,1159,1163],{"type":39,"tag":158,"props":1155,"children":1156},{"style":1127},[1157],{"type":45,"value":1158}," features",{"type":39,"tag":158,"props":1160,"children":1161},{"style":313},[1162],{"type":45,"value":341},{"type":39,"tag":158,"props":1164,"children":1165},{"style":983},[1166],{"type":45,"value":386},{"type":39,"tag":158,"props":1168,"children":1169},{"class":160,"line":27},[1170],{"type":39,"tag":158,"props":1171,"children":1172},{"style":313},[1173],{"type":45,"value":395},{"type":39,"tag":158,"props":1175,"children":1176},{"class":160,"line":580},[1177,1182,1186,1190,1194,1198],{"type":39,"tag":158,"props":1178,"children":1179},{"style":1127},[1180],{"type":45,"value":1181}," type",{"type":39,"tag":158,"props":1183,"children":1184},{"style":313},[1185],{"type":45,"value":341},{"type":39,"tag":158,"props":1187,"children":1188},{"style":313},[1189],{"type":45,"value":996},{"type":39,"tag":158,"props":1191,"children":1192},{"style":171},[1193],{"type":45,"value":425},{"type":39,"tag":158,"props":1195,"children":1196},{"style":313},[1197],{"type":45,"value":1006},{"type":39,"tag":158,"props":1199,"children":1200},{"style":313},[1201],{"type":45,"value":360},{"type":39,"tag":158,"props":1203,"children":1204},{"class":160,"line":618},[1205,1210,1214],{"type":39,"tag":158,"props":1206,"children":1207},{"style":1127},[1208],{"type":45,"value":1209}," geometry",{"type":39,"tag":158,"props":1211,"children":1212},{"style":313},[1213],{"type":45,"value":341},{"type":39,"tag":158,"props":1215,"children":1216},{"style":313},[1217],{"type":45,"value":459},{"type":39,"tag":158,"props":1219,"children":1220},{"class":160,"line":656},[1221,1226,1230,1234,1238,1242],{"type":39,"tag":158,"props":1222,"children":1223},{"style":1127},[1224],{"type":45,"value":1225}," type",{"type":39,"tag":158,"props":1227,"children":1228},{"style":313},[1229],{"type":45,"value":341},{"type":39,"tag":158,"props":1231,"children":1232},{"style":313},[1233],{"type":45,"value":996},{"type":39,"tag":158,"props":1235,"children":1236},{"style":171},[1237],{"type":45,"value":490},{"type":39,"tag":158,"props":1239,"children":1240},{"style":313},[1241],{"type":45,"value":1006},{"type":39,"tag":158,"props":1243,"children":1244},{"style":313},[1245],{"type":45,"value":360},{"type":39,"tag":158,"props":1247,"children":1248},{"class":160,"line":694},[1249,1254,1258,1262,1267,1272,1276,1280],{"type":39,"tag":158,"props":1250,"children":1251},{"style":1127},[1252],{"type":45,"value":1253}," coordinates",{"type":39,"tag":158,"props":1255,"children":1256},{"style":313},[1257],{"type":45,"value":341},{"type":39,"tag":158,"props":1259,"children":1260},{"style":983},[1261],{"type":45,"value":524},{"type":39,"tag":158,"props":1263,"children":1264},{"style":313},[1265],{"type":45,"value":1266},"-",{"type":39,"tag":158,"props":1268,"children":1269},{"style":471},[1270],{"type":45,"value":1271},"77.034084",{"type":39,"tag":158,"props":1273,"children":1274},{"style":313},[1275],{"type":45,"value":534},{"type":39,"tag":158,"props":1277,"children":1278},{"style":471},[1279],{"type":45,"value":539},{"type":39,"tag":158,"props":1281,"children":1282},{"style":983},[1283],{"type":45,"value":544},{"type":39,"tag":158,"props":1285,"children":1286},{"class":160,"line":732},[1287],{"type":39,"tag":158,"props":1288,"children":1289},{"style":313},[1290],{"type":45,"value":553},{"type":39,"tag":158,"props":1292,"children":1293},{"class":160,"line":770},[1294,1299,1303],{"type":39,"tag":158,"props":1295,"children":1296},{"style":1127},[1297],{"type":45,"value":1298}," properties",{"type":39,"tag":158,"props":1300,"children":1301},{"style":313},[1302],{"type":45,"value":341},{"type":39,"tag":158,"props":1304,"children":1305},{"style":313},[1306],{"type":45,"value":459},{"type":39,"tag":158,"props":1308,"children":1309},{"class":160,"line":808},[1310,1315,1319,1323,1327,1331],{"type":39,"tag":158,"props":1311,"children":1312},{"style":1127},[1313],{"type":45,"value":1314}," id",{"type":39,"tag":158,"props":1316,"children":1317},{"style":313},[1318],{"type":45,"value":341},{"type":39,"tag":158,"props":1320,"children":1321},{"style":313},[1322],{"type":45,"value":996},{"type":39,"tag":158,"props":1324,"children":1325},{"style":171},[1326],{"type":45,"value":607},{"type":39,"tag":158,"props":1328,"children":1329},{"style":313},[1330],{"type":45,"value":1006},{"type":39,"tag":158,"props":1332,"children":1333},{"style":313},[1334],{"type":45,"value":360},{"type":39,"tag":158,"props":1336,"children":1337},{"class":160,"line":843},[1338,1343,1347,1351,1355,1359],{"type":39,"tag":158,"props":1339,"children":1340},{"style":1127},[1341],{"type":45,"value":1342}," name",{"type":39,"tag":158,"props":1344,"children":1345},{"style":313},[1346],{"type":45,"value":341},{"type":39,"tag":158,"props":1348,"children":1349},{"style":313},[1350],{"type":45,"value":996},{"type":39,"tag":158,"props":1352,"children":1353},{"style":171},[1354],{"type":45,"value":645},{"type":39,"tag":158,"props":1356,"children":1357},{"style":313},[1358],{"type":45,"value":1006},{"type":39,"tag":158,"props":1360,"children":1361},{"style":313},[1362],{"type":45,"value":360},{"type":39,"tag":158,"props":1364,"children":1365},{"class":160,"line":852},[1366,1371,1375,1379,1383,1387],{"type":39,"tag":158,"props":1367,"children":1368},{"style":1127},[1369],{"type":45,"value":1370}," address",{"type":39,"tag":158,"props":1372,"children":1373},{"style":313},[1374],{"type":45,"value":341},{"type":39,"tag":158,"props":1376,"children":1377},{"style":313},[1378],{"type":45,"value":996},{"type":39,"tag":158,"props":1380,"children":1381},{"style":171},[1382],{"type":45,"value":683},{"type":39,"tag":158,"props":1384,"children":1385},{"style":313},[1386],{"type":45,"value":1006},{"type":39,"tag":158,"props":1388,"children":1389},{"style":313},[1390],{"type":45,"value":360},{"type":39,"tag":158,"props":1392,"children":1393},{"class":160,"line":861},[1394,1399,1403,1407,1411,1415],{"type":39,"tag":158,"props":1395,"children":1396},{"style":1127},[1397],{"type":45,"value":1398}," phone",{"type":39,"tag":158,"props":1400,"children":1401},{"style":313},[1402],{"type":45,"value":341},{"type":39,"tag":158,"props":1404,"children":1405},{"style":313},[1406],{"type":45,"value":996},{"type":39,"tag":158,"props":1408,"children":1409},{"style":171},[1410],{"type":45,"value":721},{"type":39,"tag":158,"props":1412,"children":1413},{"style":313},[1414],{"type":45,"value":1006},{"type":39,"tag":158,"props":1416,"children":1417},{"style":313},[1418],{"type":45,"value":360},{"type":39,"tag":158,"props":1420,"children":1421},{"class":160,"line":870},[1422,1427,1431,1435,1439],{"type":39,"tag":158,"props":1423,"children":1424},{"style":1127},[1425],{"type":45,"value":1426}," category",{"type":39,"tag":158,"props":1428,"children":1429},{"style":313},[1430],{"type":45,"value":341},{"type":39,"tag":158,"props":1432,"children":1433},{"style":313},[1434],{"type":45,"value":996},{"type":39,"tag":158,"props":1436,"children":1437},{"style":171},[1438],{"type":45,"value":797},{"type":39,"tag":158,"props":1440,"children":1441},{"style":313},[1442],{"type":45,"value":1443},"'\n",{"type":39,"tag":158,"props":1445,"children":1447},{"class":160,"line":1446},22,[1448],{"type":39,"tag":158,"props":1449,"children":1450},{"style":313},[1451],{"type":45,"value":849},{"type":39,"tag":158,"props":1453,"children":1455},{"class":160,"line":1454},23,[1456],{"type":39,"tag":158,"props":1457,"children":1458},{"style":313},[1459],{"type":45,"value":858},{"type":39,"tag":158,"props":1461,"children":1463},{"class":160,"line":1462},24,[1464],{"type":39,"tag":158,"props":1465,"children":1466},{"style":1097},[1467],{"type":45,"value":1468}," \u002F\u002F ... more stores\n",{"type":39,"tag":158,"props":1470,"children":1472},{"class":160,"line":1471},25,[1473],{"type":39,"tag":158,"props":1474,"children":1475},{"style":983},[1476],{"type":45,"value":867},{"type":39,"tag":158,"props":1478,"children":1480},{"class":160,"line":1479},26,[1481],{"type":39,"tag":158,"props":1482,"children":1483},{"style":313},[1484],{"type":45,"value":1485},"};\n",{"type":39,"tag":158,"props":1487,"children":1489},{"class":160,"line":1488},27,[1490],{"type":39,"tag":158,"props":1491,"children":1492},{"emptyLinePlaceholder":1041},[1493],{"type":45,"value":1044},{"type":39,"tag":158,"props":1495,"children":1497},{"class":160,"line":1496},28,[1498,1502,1507,1511,1516,1521,1525,1531,1536],{"type":39,"tag":158,"props":1499,"children":1500},{"style":328},[1501],{"type":45,"value":1108},{"type":39,"tag":158,"props":1503,"children":1504},{"style":983},[1505],{"type":45,"value":1506}," map ",{"type":39,"tag":158,"props":1508,"children":1509},{"style":313},[1510],{"type":45,"value":1067},{"type":39,"tag":158,"props":1512,"children":1513},{"style":313},[1514],{"type":45,"value":1515}," new",{"type":39,"tag":158,"props":1517,"children":1518},{"style":983},[1519],{"type":45,"value":1520}," mapboxgl",{"type":39,"tag":158,"props":1522,"children":1523},{"style":313},[1524],{"type":45,"value":1057},{"type":39,"tag":158,"props":1526,"children":1528},{"style":1527},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1529],{"type":45,"value":1530},"Map",{"type":39,"tag":158,"props":1532,"children":1533},{"style":983},[1534],{"type":45,"value":1535},"(",{"type":39,"tag":158,"props":1537,"children":1538},{"style":313},[1539],{"type":45,"value":316},{"type":39,"tag":158,"props":1541,"children":1543},{"class":160,"line":1542},29,[1544,1549,1553,1557,1562,1566],{"type":39,"tag":158,"props":1545,"children":1546},{"style":1127},[1547],{"type":45,"value":1548}," container",{"type":39,"tag":158,"props":1550,"children":1551},{"style":313},[1552],{"type":45,"value":341},{"type":39,"tag":158,"props":1554,"children":1555},{"style":313},[1556],{"type":45,"value":996},{"type":39,"tag":158,"props":1558,"children":1559},{"style":171},[1560],{"type":45,"value":1561},"map",{"type":39,"tag":158,"props":1563,"children":1564},{"style":313},[1565],{"type":45,"value":1006},{"type":39,"tag":158,"props":1567,"children":1568},{"style":313},[1569],{"type":45,"value":360},{"type":39,"tag":158,"props":1571,"children":1573},{"class":160,"line":1572},30,[1574,1579,1583,1587,1592,1596],{"type":39,"tag":158,"props":1575,"children":1576},{"style":1127},[1577],{"type":45,"value":1578}," style",{"type":39,"tag":158,"props":1580,"children":1581},{"style":313},[1582],{"type":45,"value":341},{"type":39,"tag":158,"props":1584,"children":1585},{"style":313},[1586],{"type":45,"value":996},{"type":39,"tag":158,"props":1588,"children":1589},{"style":171},[1590],{"type":45,"value":1591},"mapbox:\u002F\u002Fstyles\u002Fmapbox\u002Fstandard",{"type":39,"tag":158,"props":1593,"children":1594},{"style":313},[1595],{"type":45,"value":1006},{"type":39,"tag":158,"props":1597,"children":1598},{"style":313},[1599],{"type":45,"value":360},{"type":39,"tag":158,"props":1601,"children":1603},{"class":160,"line":1602},31,[1604,1609,1613,1617,1621,1625,1629,1633,1638],{"type":39,"tag":158,"props":1605,"children":1606},{"style":1127},[1607],{"type":45,"value":1608}," center",{"type":39,"tag":158,"props":1610,"children":1611},{"style":313},[1612],{"type":45,"value":341},{"type":39,"tag":158,"props":1614,"children":1615},{"style":983},[1616],{"type":45,"value":524},{"type":39,"tag":158,"props":1618,"children":1619},{"style":313},[1620],{"type":45,"value":1266},{"type":39,"tag":158,"props":1622,"children":1623},{"style":471},[1624],{"type":45,"value":1271},{"type":39,"tag":158,"props":1626,"children":1627},{"style":313},[1628],{"type":45,"value":534},{"type":39,"tag":158,"props":1630,"children":1631},{"style":471},[1632],{"type":45,"value":539},{"type":39,"tag":158,"props":1634,"children":1635},{"style":983},[1636],{"type":45,"value":1637},"]",{"type":39,"tag":158,"props":1639,"children":1640},{"style":313},[1641],{"type":45,"value":360},{"type":39,"tag":158,"props":1643,"children":1645},{"class":160,"line":1644},32,[1646,1651,1655],{"type":39,"tag":158,"props":1647,"children":1648},{"style":1127},[1649],{"type":45,"value":1650}," zoom",{"type":39,"tag":158,"props":1652,"children":1653},{"style":313},[1654],{"type":45,"value":341},{"type":39,"tag":158,"props":1656,"children":1657},{"style":471},[1658],{"type":45,"value":1659}," 11\n",{"type":39,"tag":158,"props":1661,"children":1663},{"class":160,"line":1662},33,[1664,1669,1674],{"type":39,"tag":158,"props":1665,"children":1666},{"style":313},[1667],{"type":45,"value":1668},"}",{"type":39,"tag":158,"props":1670,"children":1671},{"style":983},[1672],{"type":45,"value":1673},")",{"type":39,"tag":158,"props":1675,"children":1676},{"style":313},[1677],{"type":45,"value":1011},{"type":39,"tag":192,"props":1679,"children":1681},{"id":1680},"step-2-add-markers-to-map",[1682],{"type":45,"value":1683},"Step 2: Add Markers to Map",{"type":39,"tag":48,"props":1685,"children":1686},{},[1687],{"type":39,"tag":110,"props":1688,"children":1689},{},[1690],{"type":45,"value":1691},"Marker strategy by location count:",{"type":39,"tag":1693,"props":1694,"children":1695},"table",{},[1696,1720],{"type":39,"tag":1697,"props":1698,"children":1699},"thead",{},[1700],{"type":39,"tag":1701,"props":1702,"children":1703},"tr",{},[1704,1710,1715],{"type":39,"tag":1705,"props":1706,"children":1707},"th",{},[1708],{"type":45,"value":1709},"Count",{"type":39,"tag":1705,"props":1711,"children":1712},{},[1713],{"type":45,"value":1714},"Strategy",{"type":39,"tag":1705,"props":1716,"children":1717},{},[1718],{"type":45,"value":1719},"Reason",{"type":39,"tag":1721,"props":1722,"children":1723},"tbody",{},[1724,1746,1787],{"type":39,"tag":1701,"props":1725,"children":1726},{},[1727,1736,1741],{"type":39,"tag":1728,"props":1729,"children":1730},"td",{},[1731],{"type":39,"tag":110,"props":1732,"children":1733},{},[1734],{"type":45,"value":1735},"Fewer than 100",{"type":39,"tag":1728,"props":1737,"children":1738},{},[1739],{"type":45,"value":1740},"HTML Markers",{"type":39,"tag":1728,"props":1742,"children":1743},{},[1744],{"type":45,"value":1745},"Full DOM\u002FCSS control; DOM node count is manageable",{"type":39,"tag":1701,"props":1747,"children":1748},{},[1749,1757,1767],{"type":39,"tag":1728,"props":1750,"children":1751},{},[1752],{"type":39,"tag":110,"props":1753,"children":1754},{},[1755],{"type":45,"value":1756},"100–1,000",{"type":39,"tag":1728,"props":1758,"children":1759},{},[1760,1765],{"type":39,"tag":110,"props":1761,"children":1762},{},[1763],{"type":45,"value":1764},"Symbol Layer",{"type":45,"value":1766}," (default)",{"type":39,"tag":1728,"props":1768,"children":1769},{},[1770,1772,1777,1779,1785],{"type":45,"value":1771},"Renders on the ",{"type":39,"tag":110,"props":1773,"children":1774},{},[1775],{"type":45,"value":1776},"GPU via WebGL",{"type":45,"value":1778}," — one ",{"type":39,"tag":154,"props":1780,"children":1782},{"className":1781},[],[1783],{"type":45,"value":1784},"\u003Ccanvas>",{"type":45,"value":1786},", zero per-point DOM elements",{"type":39,"tag":1701,"props":1788,"children":1789},{},[1790,1798,1803],{"type":39,"tag":1728,"props":1791,"children":1792},{},[1793],{"type":39,"tag":110,"props":1794,"children":1795},{},[1796],{"type":45,"value":1797},"More than 1,000",{"type":39,"tag":1728,"props":1799,"children":1800},{},[1801],{"type":45,"value":1802},"Clustering",{"type":39,"tag":1728,"props":1804,"children":1805},{},[1806],{"type":45,"value":1807},"Reduces visual clutter at large scale",{"type":39,"tag":1809,"props":1810,"children":1811},"blockquote",{},[1812],{"type":39,"tag":48,"props":1813,"children":1814},{},[1815],{"type":45,"value":1816},"HTML Markers create one DOM element per point. Beyond ~100 locations the browser spends too much time on layout\u002Fpaint. Symbol layers bypass the DOM entirely — the GPU draws all points in a single WebGL draw call.",{"type":39,"tag":48,"props":1818,"children":1819},{},[1820,1825,1827,1833],{"type":39,"tag":110,"props":1821,"children":1822},{},[1823],{"type":45,"value":1824},"Symbol Layer implementation",{"type":45,"value":1826}," (best for 100–1,000 locations). For HTML Markers (fewer than 100) or Clustering (more than 1,000), see ",{"type":39,"tag":154,"props":1828,"children":1830},{"className":1829},[],[1831],{"type":45,"value":1832},"references\u002Fmarkers.md",{"type":45,"value":1057},{"type":39,"tag":146,"props":1835,"children":1837},{"className":965,"code":1836,"language":967,"meta":151,"style":151},"map.on('load', () => {\n \u002F\u002F Add store data as source\n map.addSource('stores', {\n type: 'geojson',\n data: stores\n });\n\n \u002F\u002F Add custom marker image\n map.loadImage('\u002Fmarker-icon.png', (error, image) => {\n if (error) throw error;\n map.addImage('custom-marker', image);\n\n \u002F\u002F Add symbol layer\n map.addLayer({\n id: 'stores-layer',\n type: 'symbol',\n source: 'stores',\n layout: {\n 'icon-image': 'custom-marker',\n 'icon-size': 0.8,\n 'icon-allow-overlap': true,\n 'text-field': ['get', 'name'],\n 'text-font': ['Open Sans Bold', 'Arial Unicode MS Bold'],\n 'text-offset': [0, 1.5],\n 'text-anchor': 'top',\n 'text-size': 12\n }\n });\n });\n\n \u002F\u002F Handle marker clicks using Interactions API (recommended)\n map.addInteraction('store-click', {\n type: 'click',\n target: { layerId: 'stores-layer' },\n handler: (e) => {\n const store = e.feature;\n flyToStore(store);\n createPopup(store);\n }\n });\n\n \u002F\u002F Or using traditional event listener:\n \u002F\u002F map.on('click', 'stores-layer', (e) => {\n \u002F\u002F const store = e.features[0];\n \u002F\u002F flyToStore(store);\n \u002F\u002F createPopup(store);\n \u002F\u002F });\n\n \u002F\u002F Change cursor on hover\n map.on('mouseenter', 'stores-layer', () => {\n map.getCanvas().style.cursor = 'pointer';\n });\n\n map.on('mouseleave', 'stores-layer', () => {\n map.getCanvas().style.cursor = '';\n });\n});\n",[1838],{"type":39,"tag":154,"props":1839,"children":1840},{"__ignoreMap":151},[1841,1892,1900,1942,1971,1988,2004,2011,2019,2088,2123,2173,2180,2188,2212,2241,2269,2297,2313,2350,2379,2409,2470,2532,2578,2615,2640,2647,2663,2678,2685,2693,2734,2762,2806,2840,2877,2903,2928,2936,2952,2960,2969,2978,2987,2996,3005,3014,3022,3031,3096,3157,3173,3181,3246,3295,3311],{"type":39,"tag":158,"props":1842,"children":1843},{"class":160,"line":161},[1844,1848,1852,1857,1861,1865,1870,1874,1878,1883,1888],{"type":39,"tag":158,"props":1845,"children":1846},{"style":983},[1847],{"type":45,"value":1561},{"type":39,"tag":158,"props":1849,"children":1850},{"style":313},[1851],{"type":45,"value":1057},{"type":39,"tag":158,"props":1853,"children":1854},{"style":1527},[1855],{"type":45,"value":1856},"on",{"type":39,"tag":158,"props":1858,"children":1859},{"style":983},[1860],{"type":45,"value":1535},{"type":39,"tag":158,"props":1862,"children":1863},{"style":313},[1864],{"type":45,"value":1006},{"type":39,"tag":158,"props":1866,"children":1867},{"style":171},[1868],{"type":45,"value":1869},"load",{"type":39,"tag":158,"props":1871,"children":1872},{"style":313},[1873],{"type":45,"value":1006},{"type":39,"tag":158,"props":1875,"children":1876},{"style":313},[1877],{"type":45,"value":534},{"type":39,"tag":158,"props":1879,"children":1880},{"style":313},[1881],{"type":45,"value":1882}," ()",{"type":39,"tag":158,"props":1884,"children":1885},{"style":328},[1886],{"type":45,"value":1887}," =>",{"type":39,"tag":158,"props":1889,"children":1890},{"style":313},[1891],{"type":45,"value":459},{"type":39,"tag":158,"props":1893,"children":1894},{"class":160,"line":319},[1895],{"type":39,"tag":158,"props":1896,"children":1897},{"style":1097},[1898],{"type":45,"value":1899}," \u002F\u002F Add store data as source\n",{"type":39,"tag":158,"props":1901,"children":1902},{"class":160,"line":363},[1903,1908,1912,1917,1921,1925,1930,1934,1938],{"type":39,"tag":158,"props":1904,"children":1905},{"style":983},[1906],{"type":45,"value":1907}," map",{"type":39,"tag":158,"props":1909,"children":1910},{"style":313},[1911],{"type":45,"value":1057},{"type":39,"tag":158,"props":1913,"children":1914},{"style":1527},[1915],{"type":45,"value":1916},"addSource",{"type":39,"tag":158,"props":1918,"children":1919},{"style":1127},[1920],{"type":45,"value":1535},{"type":39,"tag":158,"props":1922,"children":1923},{"style":313},[1924],{"type":45,"value":1006},{"type":39,"tag":158,"props":1926,"children":1927},{"style":171},[1928],{"type":45,"value":1929},"stores",{"type":39,"tag":158,"props":1931,"children":1932},{"style":313},[1933],{"type":45,"value":1006},{"type":39,"tag":158,"props":1935,"children":1936},{"style":313},[1937],{"type":45,"value":534},{"type":39,"tag":158,"props":1939,"children":1940},{"style":313},[1941],{"type":45,"value":459},{"type":39,"tag":158,"props":1943,"children":1944},{"class":160,"line":389},[1945,1950,1954,1958,1963,1967],{"type":39,"tag":158,"props":1946,"children":1947},{"style":1127},[1948],{"type":45,"value":1949}," type",{"type":39,"tag":158,"props":1951,"children":1952},{"style":313},[1953],{"type":45,"value":341},{"type":39,"tag":158,"props":1955,"children":1956},{"style":313},[1957],{"type":45,"value":996},{"type":39,"tag":158,"props":1959,"children":1960},{"style":171},[1961],{"type":45,"value":1962},"geojson",{"type":39,"tag":158,"props":1964,"children":1965},{"style":313},[1966],{"type":45,"value":1006},{"type":39,"tag":158,"props":1968,"children":1969},{"style":313},[1970],{"type":45,"value":360},{"type":39,"tag":158,"props":1972,"children":1973},{"class":160,"line":398},[1974,1979,1983],{"type":39,"tag":158,"props":1975,"children":1976},{"style":1127},[1977],{"type":45,"value":1978}," data",{"type":39,"tag":158,"props":1980,"children":1981},{"style":313},[1982],{"type":45,"value":341},{"type":39,"tag":158,"props":1984,"children":1985},{"style":983},[1986],{"type":45,"value":1987}," stores\n",{"type":39,"tag":158,"props":1989,"children":1990},{"class":160,"line":436},[1991,1996,2000],{"type":39,"tag":158,"props":1992,"children":1993},{"style":313},[1994],{"type":45,"value":1995}," }",{"type":39,"tag":158,"props":1997,"children":1998},{"style":1127},[1999],{"type":45,"value":1673},{"type":39,"tag":158,"props":2001,"children":2002},{"style":313},[2003],{"type":45,"value":1011},{"type":39,"tag":158,"props":2005,"children":2006},{"class":160,"line":462},[2007],{"type":39,"tag":158,"props":2008,"children":2009},{"emptyLinePlaceholder":1041},[2010],{"type":45,"value":1044},{"type":39,"tag":158,"props":2012,"children":2013},{"class":160,"line":501},[2014],{"type":39,"tag":158,"props":2015,"children":2016},{"style":1097},[2017],{"type":45,"value":2018}," \u002F\u002F Add custom marker image\n",{"type":39,"tag":158,"props":2020,"children":2021},{"class":160,"line":547},[2022,2026,2030,2035,2039,2043,2048,2052,2056,2061,2067,2071,2076,2080,2084],{"type":39,"tag":158,"props":2023,"children":2024},{"style":983},[2025],{"type":45,"value":1907},{"type":39,"tag":158,"props":2027,"children":2028},{"style":313},[2029],{"type":45,"value":1057},{"type":39,"tag":158,"props":2031,"children":2032},{"style":1527},[2033],{"type":45,"value":2034},"loadImage",{"type":39,"tag":158,"props":2036,"children":2037},{"style":1127},[2038],{"type":45,"value":1535},{"type":39,"tag":158,"props":2040,"children":2041},{"style":313},[2042],{"type":45,"value":1006},{"type":39,"tag":158,"props":2044,"children":2045},{"style":171},[2046],{"type":45,"value":2047},"\u002Fmarker-icon.png",{"type":39,"tag":158,"props":2049,"children":2050},{"style":313},[2051],{"type":45,"value":1006},{"type":39,"tag":158,"props":2053,"children":2054},{"style":313},[2055],{"type":45,"value":534},{"type":39,"tag":158,"props":2057,"children":2058},{"style":313},[2059],{"type":45,"value":2060}," (",{"type":39,"tag":158,"props":2062,"children":2064},{"style":2063},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2065],{"type":45,"value":2066},"error",{"type":39,"tag":158,"props":2068,"children":2069},{"style":313},[2070],{"type":45,"value":534},{"type":39,"tag":158,"props":2072,"children":2073},{"style":2063},[2074],{"type":45,"value":2075}," image",{"type":39,"tag":158,"props":2077,"children":2078},{"style":313},[2079],{"type":45,"value":1673},{"type":39,"tag":158,"props":2081,"children":2082},{"style":328},[2083],{"type":45,"value":1887},{"type":39,"tag":158,"props":2085,"children":2086},{"style":313},[2087],{"type":45,"value":459},{"type":39,"tag":158,"props":2089,"children":2090},{"class":160,"line":27},[2091,2096,2100,2104,2109,2114,2119],{"type":39,"tag":158,"props":2092,"children":2093},{"style":977},[2094],{"type":45,"value":2095}," if",{"type":39,"tag":158,"props":2097,"children":2098},{"style":1127},[2099],{"type":45,"value":2060},{"type":39,"tag":158,"props":2101,"children":2102},{"style":983},[2103],{"type":45,"value":2066},{"type":39,"tag":158,"props":2105,"children":2106},{"style":1127},[2107],{"type":45,"value":2108},") ",{"type":39,"tag":158,"props":2110,"children":2111},{"style":977},[2112],{"type":45,"value":2113},"throw",{"type":39,"tag":158,"props":2115,"children":2116},{"style":983},[2117],{"type":45,"value":2118}," error",{"type":39,"tag":158,"props":2120,"children":2121},{"style":313},[2122],{"type":45,"value":1011},{"type":39,"tag":158,"props":2124,"children":2125},{"class":160,"line":580},[2126,2131,2135,2140,2144,2148,2153,2157,2161,2165,2169],{"type":39,"tag":158,"props":2127,"children":2128},{"style":983},[2129],{"type":45,"value":2130}," map",{"type":39,"tag":158,"props":2132,"children":2133},{"style":313},[2134],{"type":45,"value":1057},{"type":39,"tag":158,"props":2136,"children":2137},{"style":1527},[2138],{"type":45,"value":2139},"addImage",{"type":39,"tag":158,"props":2141,"children":2142},{"style":1127},[2143],{"type":45,"value":1535},{"type":39,"tag":158,"props":2145,"children":2146},{"style":313},[2147],{"type":45,"value":1006},{"type":39,"tag":158,"props":2149,"children":2150},{"style":171},[2151],{"type":45,"value":2152},"custom-marker",{"type":39,"tag":158,"props":2154,"children":2155},{"style":313},[2156],{"type":45,"value":1006},{"type":39,"tag":158,"props":2158,"children":2159},{"style":313},[2160],{"type":45,"value":534},{"type":39,"tag":158,"props":2162,"children":2163},{"style":983},[2164],{"type":45,"value":2075},{"type":39,"tag":158,"props":2166,"children":2167},{"style":1127},[2168],{"type":45,"value":1673},{"type":39,"tag":158,"props":2170,"children":2171},{"style":313},[2172],{"type":45,"value":1011},{"type":39,"tag":158,"props":2174,"children":2175},{"class":160,"line":618},[2176],{"type":39,"tag":158,"props":2177,"children":2178},{"emptyLinePlaceholder":1041},[2179],{"type":45,"value":1044},{"type":39,"tag":158,"props":2181,"children":2182},{"class":160,"line":656},[2183],{"type":39,"tag":158,"props":2184,"children":2185},{"style":1097},[2186],{"type":45,"value":2187}," \u002F\u002F Add symbol layer\n",{"type":39,"tag":158,"props":2189,"children":2190},{"class":160,"line":694},[2191,2195,2199,2204,2208],{"type":39,"tag":158,"props":2192,"children":2193},{"style":983},[2194],{"type":45,"value":2130},{"type":39,"tag":158,"props":2196,"children":2197},{"style":313},[2198],{"type":45,"value":1057},{"type":39,"tag":158,"props":2200,"children":2201},{"style":1527},[2202],{"type":45,"value":2203},"addLayer",{"type":39,"tag":158,"props":2205,"children":2206},{"style":1127},[2207],{"type":45,"value":1535},{"type":39,"tag":158,"props":2209,"children":2210},{"style":313},[2211],{"type":45,"value":316},{"type":39,"tag":158,"props":2213,"children":2214},{"class":160,"line":732},[2215,2220,2224,2228,2233,2237],{"type":39,"tag":158,"props":2216,"children":2217},{"style":1127},[2218],{"type":45,"value":2219}," id",{"type":39,"tag":158,"props":2221,"children":2222},{"style":313},[2223],{"type":45,"value":341},{"type":39,"tag":158,"props":2225,"children":2226},{"style":313},[2227],{"type":45,"value":996},{"type":39,"tag":158,"props":2229,"children":2230},{"style":171},[2231],{"type":45,"value":2232},"stores-layer",{"type":39,"tag":158,"props":2234,"children":2235},{"style":313},[2236],{"type":45,"value":1006},{"type":39,"tag":158,"props":2238,"children":2239},{"style":313},[2240],{"type":45,"value":360},{"type":39,"tag":158,"props":2242,"children":2243},{"class":160,"line":770},[2244,2248,2252,2256,2261,2265],{"type":39,"tag":158,"props":2245,"children":2246},{"style":1127},[2247],{"type":45,"value":1181},{"type":39,"tag":158,"props":2249,"children":2250},{"style":313},[2251],{"type":45,"value":341},{"type":39,"tag":158,"props":2253,"children":2254},{"style":313},[2255],{"type":45,"value":996},{"type":39,"tag":158,"props":2257,"children":2258},{"style":171},[2259],{"type":45,"value":2260},"symbol",{"type":39,"tag":158,"props":2262,"children":2263},{"style":313},[2264],{"type":45,"value":1006},{"type":39,"tag":158,"props":2266,"children":2267},{"style":313},[2268],{"type":45,"value":360},{"type":39,"tag":158,"props":2270,"children":2271},{"class":160,"line":808},[2272,2277,2281,2285,2289,2293],{"type":39,"tag":158,"props":2273,"children":2274},{"style":1127},[2275],{"type":45,"value":2276}," source",{"type":39,"tag":158,"props":2278,"children":2279},{"style":313},[2280],{"type":45,"value":341},{"type":39,"tag":158,"props":2282,"children":2283},{"style":313},[2284],{"type":45,"value":996},{"type":39,"tag":158,"props":2286,"children":2287},{"style":171},[2288],{"type":45,"value":1929},{"type":39,"tag":158,"props":2290,"children":2291},{"style":313},[2292],{"type":45,"value":1006},{"type":39,"tag":158,"props":2294,"children":2295},{"style":313},[2296],{"type":45,"value":360},{"type":39,"tag":158,"props":2298,"children":2299},{"class":160,"line":843},[2300,2305,2309],{"type":39,"tag":158,"props":2301,"children":2302},{"style":1127},[2303],{"type":45,"value":2304}," layout",{"type":39,"tag":158,"props":2306,"children":2307},{"style":313},[2308],{"type":45,"value":341},{"type":39,"tag":158,"props":2310,"children":2311},{"style":313},[2312],{"type":45,"value":459},{"type":39,"tag":158,"props":2314,"children":2315},{"class":160,"line":852},[2316,2321,2326,2330,2334,2338,2342,2346],{"type":39,"tag":158,"props":2317,"children":2318},{"style":313},[2319],{"type":45,"value":2320}," '",{"type":39,"tag":158,"props":2322,"children":2323},{"style":1127},[2324],{"type":45,"value":2325},"icon-image",{"type":39,"tag":158,"props":2327,"children":2328},{"style":313},[2329],{"type":45,"value":1006},{"type":39,"tag":158,"props":2331,"children":2332},{"style":313},[2333],{"type":45,"value":341},{"type":39,"tag":158,"props":2335,"children":2336},{"style":313},[2337],{"type":45,"value":996},{"type":39,"tag":158,"props":2339,"children":2340},{"style":171},[2341],{"type":45,"value":2152},{"type":39,"tag":158,"props":2343,"children":2344},{"style":313},[2345],{"type":45,"value":1006},{"type":39,"tag":158,"props":2347,"children":2348},{"style":313},[2349],{"type":45,"value":360},{"type":39,"tag":158,"props":2351,"children":2352},{"class":160,"line":861},[2353,2357,2362,2366,2370,2375],{"type":39,"tag":158,"props":2354,"children":2355},{"style":313},[2356],{"type":45,"value":2320},{"type":39,"tag":158,"props":2358,"children":2359},{"style":1127},[2360],{"type":45,"value":2361},"icon-size",{"type":39,"tag":158,"props":2363,"children":2364},{"style":313},[2365],{"type":45,"value":1006},{"type":39,"tag":158,"props":2367,"children":2368},{"style":313},[2369],{"type":45,"value":341},{"type":39,"tag":158,"props":2371,"children":2372},{"style":471},[2373],{"type":45,"value":2374}," 0.8",{"type":39,"tag":158,"props":2376,"children":2377},{"style":313},[2378],{"type":45,"value":360},{"type":39,"tag":158,"props":2380,"children":2381},{"class":160,"line":870},[2382,2386,2391,2395,2399,2405],{"type":39,"tag":158,"props":2383,"children":2384},{"style":313},[2385],{"type":45,"value":2320},{"type":39,"tag":158,"props":2387,"children":2388},{"style":1127},[2389],{"type":45,"value":2390},"icon-allow-overlap",{"type":39,"tag":158,"props":2392,"children":2393},{"style":313},[2394],{"type":45,"value":1006},{"type":39,"tag":158,"props":2396,"children":2397},{"style":313},[2398],{"type":45,"value":341},{"type":39,"tag":158,"props":2400,"children":2402},{"style":2401},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[2403],{"type":45,"value":2404}," true",{"type":39,"tag":158,"props":2406,"children":2407},{"style":313},[2408],{"type":45,"value":360},{"type":39,"tag":158,"props":2410,"children":2411},{"class":160,"line":1446},[2412,2416,2421,2425,2429,2433,2437,2442,2446,2450,2454,2458,2462,2466],{"type":39,"tag":158,"props":2413,"children":2414},{"style":313},[2415],{"type":45,"value":2320},{"type":39,"tag":158,"props":2417,"children":2418},{"style":1127},[2419],{"type":45,"value":2420},"text-field",{"type":39,"tag":158,"props":2422,"children":2423},{"style":313},[2424],{"type":45,"value":1006},{"type":39,"tag":158,"props":2426,"children":2427},{"style":313},[2428],{"type":45,"value":341},{"type":39,"tag":158,"props":2430,"children":2431},{"style":1127},[2432],{"type":45,"value":524},{"type":39,"tag":158,"props":2434,"children":2435},{"style":313},[2436],{"type":45,"value":1006},{"type":39,"tag":158,"props":2438,"children":2439},{"style":171},[2440],{"type":45,"value":2441},"get",{"type":39,"tag":158,"props":2443,"children":2444},{"style":313},[2445],{"type":45,"value":1006},{"type":39,"tag":158,"props":2447,"children":2448},{"style":313},[2449],{"type":45,"value":534},{"type":39,"tag":158,"props":2451,"children":2452},{"style":313},[2453],{"type":45,"value":996},{"type":39,"tag":158,"props":2455,"children":2456},{"style":171},[2457],{"type":45,"value":628},{"type":39,"tag":158,"props":2459,"children":2460},{"style":313},[2461],{"type":45,"value":1006},{"type":39,"tag":158,"props":2463,"children":2464},{"style":1127},[2465],{"type":45,"value":1637},{"type":39,"tag":158,"props":2467,"children":2468},{"style":313},[2469],{"type":45,"value":360},{"type":39,"tag":158,"props":2471,"children":2472},{"class":160,"line":1454},[2473,2477,2482,2486,2490,2494,2498,2503,2507,2511,2515,2520,2524,2528],{"type":39,"tag":158,"props":2474,"children":2475},{"style":313},[2476],{"type":45,"value":2320},{"type":39,"tag":158,"props":2478,"children":2479},{"style":1127},[2480],{"type":45,"value":2481},"text-font",{"type":39,"tag":158,"props":2483,"children":2484},{"style":313},[2485],{"type":45,"value":1006},{"type":39,"tag":158,"props":2487,"children":2488},{"style":313},[2489],{"type":45,"value":341},{"type":39,"tag":158,"props":2491,"children":2492},{"style":1127},[2493],{"type":45,"value":524},{"type":39,"tag":158,"props":2495,"children":2496},{"style":313},[2497],{"type":45,"value":1006},{"type":39,"tag":158,"props":2499,"children":2500},{"style":171},[2501],{"type":45,"value":2502},"Open Sans Bold",{"type":39,"tag":158,"props":2504,"children":2505},{"style":313},[2506],{"type":45,"value":1006},{"type":39,"tag":158,"props":2508,"children":2509},{"style":313},[2510],{"type":45,"value":534},{"type":39,"tag":158,"props":2512,"children":2513},{"style":313},[2514],{"type":45,"value":996},{"type":39,"tag":158,"props":2516,"children":2517},{"style":171},[2518],{"type":45,"value":2519},"Arial Unicode MS Bold",{"type":39,"tag":158,"props":2521,"children":2522},{"style":313},[2523],{"type":45,"value":1006},{"type":39,"tag":158,"props":2525,"children":2526},{"style":1127},[2527],{"type":45,"value":1637},{"type":39,"tag":158,"props":2529,"children":2530},{"style":313},[2531],{"type":45,"value":360},{"type":39,"tag":158,"props":2533,"children":2534},{"class":160,"line":1462},[2535,2539,2544,2548,2552,2556,2561,2565,2570,2574],{"type":39,"tag":158,"props":2536,"children":2537},{"style":313},[2538],{"type":45,"value":2320},{"type":39,"tag":158,"props":2540,"children":2541},{"style":1127},[2542],{"type":45,"value":2543},"text-offset",{"type":39,"tag":158,"props":2545,"children":2546},{"style":313},[2547],{"type":45,"value":1006},{"type":39,"tag":158,"props":2549,"children":2550},{"style":313},[2551],{"type":45,"value":341},{"type":39,"tag":158,"props":2553,"children":2554},{"style":1127},[2555],{"type":45,"value":524},{"type":39,"tag":158,"props":2557,"children":2558},{"style":471},[2559],{"type":45,"value":2560},"0",{"type":39,"tag":158,"props":2562,"children":2563},{"style":313},[2564],{"type":45,"value":534},{"type":39,"tag":158,"props":2566,"children":2567},{"style":471},[2568],{"type":45,"value":2569}," 1.5",{"type":39,"tag":158,"props":2571,"children":2572},{"style":1127},[2573],{"type":45,"value":1637},{"type":39,"tag":158,"props":2575,"children":2576},{"style":313},[2577],{"type":45,"value":360},{"type":39,"tag":158,"props":2579,"children":2580},{"class":160,"line":1471},[2581,2585,2590,2594,2598,2602,2607,2611],{"type":39,"tag":158,"props":2582,"children":2583},{"style":313},[2584],{"type":45,"value":2320},{"type":39,"tag":158,"props":2586,"children":2587},{"style":1127},[2588],{"type":45,"value":2589},"text-anchor",{"type":39,"tag":158,"props":2591,"children":2592},{"style":313},[2593],{"type":45,"value":1006},{"type":39,"tag":158,"props":2595,"children":2596},{"style":313},[2597],{"type":45,"value":341},{"type":39,"tag":158,"props":2599,"children":2600},{"style":313},[2601],{"type":45,"value":996},{"type":39,"tag":158,"props":2603,"children":2604},{"style":171},[2605],{"type":45,"value":2606},"top",{"type":39,"tag":158,"props":2608,"children":2609},{"style":313},[2610],{"type":45,"value":1006},{"type":39,"tag":158,"props":2612,"children":2613},{"style":313},[2614],{"type":45,"value":360},{"type":39,"tag":158,"props":2616,"children":2617},{"class":160,"line":1479},[2618,2622,2627,2631,2635],{"type":39,"tag":158,"props":2619,"children":2620},{"style":313},[2621],{"type":45,"value":2320},{"type":39,"tag":158,"props":2623,"children":2624},{"style":1127},[2625],{"type":45,"value":2626},"text-size",{"type":39,"tag":158,"props":2628,"children":2629},{"style":313},[2630],{"type":45,"value":1006},{"type":39,"tag":158,"props":2632,"children":2633},{"style":313},[2634],{"type":45,"value":341},{"type":39,"tag":158,"props":2636,"children":2637},{"style":471},[2638],{"type":45,"value":2639}," 12\n",{"type":39,"tag":158,"props":2641,"children":2642},{"class":160,"line":1488},[2643],{"type":39,"tag":158,"props":2644,"children":2645},{"style":313},[2646],{"type":45,"value":849},{"type":39,"tag":158,"props":2648,"children":2649},{"class":160,"line":1496},[2650,2655,2659],{"type":39,"tag":158,"props":2651,"children":2652},{"style":313},[2653],{"type":45,"value":2654}," }",{"type":39,"tag":158,"props":2656,"children":2657},{"style":1127},[2658],{"type":45,"value":1673},{"type":39,"tag":158,"props":2660,"children":2661},{"style":313},[2662],{"type":45,"value":1011},{"type":39,"tag":158,"props":2664,"children":2665},{"class":160,"line":1542},[2666,2670,2674],{"type":39,"tag":158,"props":2667,"children":2668},{"style":313},[2669],{"type":45,"value":1995},{"type":39,"tag":158,"props":2671,"children":2672},{"style":1127},[2673],{"type":45,"value":1673},{"type":39,"tag":158,"props":2675,"children":2676},{"style":313},[2677],{"type":45,"value":1011},{"type":39,"tag":158,"props":2679,"children":2680},{"class":160,"line":1572},[2681],{"type":39,"tag":158,"props":2682,"children":2683},{"emptyLinePlaceholder":1041},[2684],{"type":45,"value":1044},{"type":39,"tag":158,"props":2686,"children":2687},{"class":160,"line":1602},[2688],{"type":39,"tag":158,"props":2689,"children":2690},{"style":1097},[2691],{"type":45,"value":2692}," \u002F\u002F Handle marker clicks using Interactions API (recommended)\n",{"type":39,"tag":158,"props":2694,"children":2695},{"class":160,"line":1644},[2696,2700,2704,2709,2713,2717,2722,2726,2730],{"type":39,"tag":158,"props":2697,"children":2698},{"style":983},[2699],{"type":45,"value":1907},{"type":39,"tag":158,"props":2701,"children":2702},{"style":313},[2703],{"type":45,"value":1057},{"type":39,"tag":158,"props":2705,"children":2706},{"style":1527},[2707],{"type":45,"value":2708},"addInteraction",{"type":39,"tag":158,"props":2710,"children":2711},{"style":1127},[2712],{"type":45,"value":1535},{"type":39,"tag":158,"props":2714,"children":2715},{"style":313},[2716],{"type":45,"value":1006},{"type":39,"tag":158,"props":2718,"children":2719},{"style":171},[2720],{"type":45,"value":2721},"store-click",{"type":39,"tag":158,"props":2723,"children":2724},{"style":313},[2725],{"type":45,"value":1006},{"type":39,"tag":158,"props":2727,"children":2728},{"style":313},[2729],{"type":45,"value":534},{"type":39,"tag":158,"props":2731,"children":2732},{"style":313},[2733],{"type":45,"value":459},{"type":39,"tag":158,"props":2735,"children":2736},{"class":160,"line":1662},[2737,2741,2745,2749,2754,2758],{"type":39,"tag":158,"props":2738,"children":2739},{"style":1127},[2740],{"type":45,"value":1949},{"type":39,"tag":158,"props":2742,"children":2743},{"style":313},[2744],{"type":45,"value":341},{"type":39,"tag":158,"props":2746,"children":2747},{"style":313},[2748],{"type":45,"value":996},{"type":39,"tag":158,"props":2750,"children":2751},{"style":171},[2752],{"type":45,"value":2753},"click",{"type":39,"tag":158,"props":2755,"children":2756},{"style":313},[2757],{"type":45,"value":1006},{"type":39,"tag":158,"props":2759,"children":2760},{"style":313},[2761],{"type":45,"value":360},{"type":39,"tag":158,"props":2763,"children":2765},{"class":160,"line":2764},34,[2766,2771,2775,2780,2785,2789,2793,2797,2801],{"type":39,"tag":158,"props":2767,"children":2768},{"style":1127},[2769],{"type":45,"value":2770}," target",{"type":39,"tag":158,"props":2772,"children":2773},{"style":313},[2774],{"type":45,"value":341},{"type":39,"tag":158,"props":2776,"children":2777},{"style":313},[2778],{"type":45,"value":2779}," {",{"type":39,"tag":158,"props":2781,"children":2782},{"style":1127},[2783],{"type":45,"value":2784}," layerId",{"type":39,"tag":158,"props":2786,"children":2787},{"style":313},[2788],{"type":45,"value":341},{"type":39,"tag":158,"props":2790,"children":2791},{"style":313},[2792],{"type":45,"value":996},{"type":39,"tag":158,"props":2794,"children":2795},{"style":171},[2796],{"type":45,"value":2232},{"type":39,"tag":158,"props":2798,"children":2799},{"style":313},[2800],{"type":45,"value":1006},{"type":39,"tag":158,"props":2802,"children":2803},{"style":313},[2804],{"type":45,"value":2805}," },\n",{"type":39,"tag":158,"props":2807,"children":2809},{"class":160,"line":2808},35,[2810,2815,2819,2823,2828,2832,2836],{"type":39,"tag":158,"props":2811,"children":2812},{"style":1527},[2813],{"type":45,"value":2814}," handler",{"type":39,"tag":158,"props":2816,"children":2817},{"style":313},[2818],{"type":45,"value":341},{"type":39,"tag":158,"props":2820,"children":2821},{"style":313},[2822],{"type":45,"value":2060},{"type":39,"tag":158,"props":2824,"children":2825},{"style":2063},[2826],{"type":45,"value":2827},"e",{"type":39,"tag":158,"props":2829,"children":2830},{"style":313},[2831],{"type":45,"value":1673},{"type":39,"tag":158,"props":2833,"children":2834},{"style":328},[2835],{"type":45,"value":1887},{"type":39,"tag":158,"props":2837,"children":2838},{"style":313},[2839],{"type":45,"value":459},{"type":39,"tag":158,"props":2841,"children":2843},{"class":160,"line":2842},36,[2844,2849,2854,2859,2864,2868,2873],{"type":39,"tag":158,"props":2845,"children":2846},{"style":328},[2847],{"type":45,"value":2848}," const",{"type":39,"tag":158,"props":2850,"children":2851},{"style":983},[2852],{"type":45,"value":2853}," store",{"type":39,"tag":158,"props":2855,"children":2856},{"style":313},[2857],{"type":45,"value":2858}," =",{"type":39,"tag":158,"props":2860,"children":2861},{"style":983},[2862],{"type":45,"value":2863}," e",{"type":39,"tag":158,"props":2865,"children":2866},{"style":313},[2867],{"type":45,"value":1057},{"type":39,"tag":158,"props":2869,"children":2870},{"style":983},[2871],{"type":45,"value":2872},"feature",{"type":39,"tag":158,"props":2874,"children":2875},{"style":313},[2876],{"type":45,"value":1011},{"type":39,"tag":158,"props":2878,"children":2880},{"class":160,"line":2879},37,[2881,2886,2890,2895,2899],{"type":39,"tag":158,"props":2882,"children":2883},{"style":1527},[2884],{"type":45,"value":2885}," flyToStore",{"type":39,"tag":158,"props":2887,"children":2888},{"style":1127},[2889],{"type":45,"value":1535},{"type":39,"tag":158,"props":2891,"children":2892},{"style":983},[2893],{"type":45,"value":2894},"store",{"type":39,"tag":158,"props":2896,"children":2897},{"style":1127},[2898],{"type":45,"value":1673},{"type":39,"tag":158,"props":2900,"children":2901},{"style":313},[2902],{"type":45,"value":1011},{"type":39,"tag":158,"props":2904,"children":2906},{"class":160,"line":2905},38,[2907,2912,2916,2920,2924],{"type":39,"tag":158,"props":2908,"children":2909},{"style":1527},[2910],{"type":45,"value":2911}," createPopup",{"type":39,"tag":158,"props":2913,"children":2914},{"style":1127},[2915],{"type":45,"value":1535},{"type":39,"tag":158,"props":2917,"children":2918},{"style":983},[2919],{"type":45,"value":2894},{"type":39,"tag":158,"props":2921,"children":2922},{"style":1127},[2923],{"type":45,"value":1673},{"type":39,"tag":158,"props":2925,"children":2926},{"style":313},[2927],{"type":45,"value":1011},{"type":39,"tag":158,"props":2929,"children":2931},{"class":160,"line":2930},39,[2932],{"type":39,"tag":158,"props":2933,"children":2934},{"style":313},[2935],{"type":45,"value":858},{"type":39,"tag":158,"props":2937,"children":2939},{"class":160,"line":2938},40,[2940,2944,2948],{"type":39,"tag":158,"props":2941,"children":2942},{"style":313},[2943],{"type":45,"value":1995},{"type":39,"tag":158,"props":2945,"children":2946},{"style":1127},[2947],{"type":45,"value":1673},{"type":39,"tag":158,"props":2949,"children":2950},{"style":313},[2951],{"type":45,"value":1011},{"type":39,"tag":158,"props":2953,"children":2955},{"class":160,"line":2954},41,[2956],{"type":39,"tag":158,"props":2957,"children":2958},{"emptyLinePlaceholder":1041},[2959],{"type":45,"value":1044},{"type":39,"tag":158,"props":2961,"children":2963},{"class":160,"line":2962},42,[2964],{"type":39,"tag":158,"props":2965,"children":2966},{"style":1097},[2967],{"type":45,"value":2968}," \u002F\u002F Or using traditional event listener:\n",{"type":39,"tag":158,"props":2970,"children":2972},{"class":160,"line":2971},43,[2973],{"type":39,"tag":158,"props":2974,"children":2975},{"style":1097},[2976],{"type":45,"value":2977}," \u002F\u002F map.on('click', 'stores-layer', (e) => {\n",{"type":39,"tag":158,"props":2979,"children":2981},{"class":160,"line":2980},44,[2982],{"type":39,"tag":158,"props":2983,"children":2984},{"style":1097},[2985],{"type":45,"value":2986}," \u002F\u002F const store = e.features[0];\n",{"type":39,"tag":158,"props":2988,"children":2990},{"class":160,"line":2989},45,[2991],{"type":39,"tag":158,"props":2992,"children":2993},{"style":1097},[2994],{"type":45,"value":2995}," \u002F\u002F flyToStore(store);\n",{"type":39,"tag":158,"props":2997,"children":2999},{"class":160,"line":2998},46,[3000],{"type":39,"tag":158,"props":3001,"children":3002},{"style":1097},[3003],{"type":45,"value":3004}," \u002F\u002F createPopup(store);\n",{"type":39,"tag":158,"props":3006,"children":3008},{"class":160,"line":3007},47,[3009],{"type":39,"tag":158,"props":3010,"children":3011},{"style":1097},[3012],{"type":45,"value":3013}," \u002F\u002F });\n",{"type":39,"tag":158,"props":3015,"children":3017},{"class":160,"line":3016},48,[3018],{"type":39,"tag":158,"props":3019,"children":3020},{"emptyLinePlaceholder":1041},[3021],{"type":45,"value":1044},{"type":39,"tag":158,"props":3023,"children":3025},{"class":160,"line":3024},49,[3026],{"type":39,"tag":158,"props":3027,"children":3028},{"style":1097},[3029],{"type":45,"value":3030}," \u002F\u002F Change cursor on hover\n",{"type":39,"tag":158,"props":3032,"children":3034},{"class":160,"line":3033},50,[3035,3039,3043,3047,3051,3055,3060,3064,3068,3072,3076,3080,3084,3088,3092],{"type":39,"tag":158,"props":3036,"children":3037},{"style":983},[3038],{"type":45,"value":1907},{"type":39,"tag":158,"props":3040,"children":3041},{"style":313},[3042],{"type":45,"value":1057},{"type":39,"tag":158,"props":3044,"children":3045},{"style":1527},[3046],{"type":45,"value":1856},{"type":39,"tag":158,"props":3048,"children":3049},{"style":1127},[3050],{"type":45,"value":1535},{"type":39,"tag":158,"props":3052,"children":3053},{"style":313},[3054],{"type":45,"value":1006},{"type":39,"tag":158,"props":3056,"children":3057},{"style":171},[3058],{"type":45,"value":3059},"mouseenter",{"type":39,"tag":158,"props":3061,"children":3062},{"style":313},[3063],{"type":45,"value":1006},{"type":39,"tag":158,"props":3065,"children":3066},{"style":313},[3067],{"type":45,"value":534},{"type":39,"tag":158,"props":3069,"children":3070},{"style":313},[3071],{"type":45,"value":996},{"type":39,"tag":158,"props":3073,"children":3074},{"style":171},[3075],{"type":45,"value":2232},{"type":39,"tag":158,"props":3077,"children":3078},{"style":313},[3079],{"type":45,"value":1006},{"type":39,"tag":158,"props":3081,"children":3082},{"style":313},[3083],{"type":45,"value":534},{"type":39,"tag":158,"props":3085,"children":3086},{"style":313},[3087],{"type":45,"value":1882},{"type":39,"tag":158,"props":3089,"children":3090},{"style":328},[3091],{"type":45,"value":1887},{"type":39,"tag":158,"props":3093,"children":3094},{"style":313},[3095],{"type":45,"value":459},{"type":39,"tag":158,"props":3097,"children":3099},{"class":160,"line":3098},51,[3100,3104,3108,3113,3118,3122,3127,3131,3136,3140,3144,3149,3153],{"type":39,"tag":158,"props":3101,"children":3102},{"style":983},[3103],{"type":45,"value":2130},{"type":39,"tag":158,"props":3105,"children":3106},{"style":313},[3107],{"type":45,"value":1057},{"type":39,"tag":158,"props":3109,"children":3110},{"style":1527},[3111],{"type":45,"value":3112},"getCanvas",{"type":39,"tag":158,"props":3114,"children":3115},{"style":1127},[3116],{"type":45,"value":3117},"()",{"type":39,"tag":158,"props":3119,"children":3120},{"style":313},[3121],{"type":45,"value":1057},{"type":39,"tag":158,"props":3123,"children":3124},{"style":983},[3125],{"type":45,"value":3126},"style",{"type":39,"tag":158,"props":3128,"children":3129},{"style":313},[3130],{"type":45,"value":1057},{"type":39,"tag":158,"props":3132,"children":3133},{"style":983},[3134],{"type":45,"value":3135},"cursor",{"type":39,"tag":158,"props":3137,"children":3138},{"style":313},[3139],{"type":45,"value":2858},{"type":39,"tag":158,"props":3141,"children":3142},{"style":313},[3143],{"type":45,"value":996},{"type":39,"tag":158,"props":3145,"children":3146},{"style":171},[3147],{"type":45,"value":3148},"pointer",{"type":39,"tag":158,"props":3150,"children":3151},{"style":313},[3152],{"type":45,"value":1006},{"type":39,"tag":158,"props":3154,"children":3155},{"style":313},[3156],{"type":45,"value":1011},{"type":39,"tag":158,"props":3158,"children":3160},{"class":160,"line":3159},52,[3161,3165,3169],{"type":39,"tag":158,"props":3162,"children":3163},{"style":313},[3164],{"type":45,"value":1995},{"type":39,"tag":158,"props":3166,"children":3167},{"style":1127},[3168],{"type":45,"value":1673},{"type":39,"tag":158,"props":3170,"children":3171},{"style":313},[3172],{"type":45,"value":1011},{"type":39,"tag":158,"props":3174,"children":3176},{"class":160,"line":3175},53,[3177],{"type":39,"tag":158,"props":3178,"children":3179},{"emptyLinePlaceholder":1041},[3180],{"type":45,"value":1044},{"type":39,"tag":158,"props":3182,"children":3184},{"class":160,"line":3183},54,[3185,3189,3193,3197,3201,3205,3210,3214,3218,3222,3226,3230,3234,3238,3242],{"type":39,"tag":158,"props":3186,"children":3187},{"style":983},[3188],{"type":45,"value":1907},{"type":39,"tag":158,"props":3190,"children":3191},{"style":313},[3192],{"type":45,"value":1057},{"type":39,"tag":158,"props":3194,"children":3195},{"style":1527},[3196],{"type":45,"value":1856},{"type":39,"tag":158,"props":3198,"children":3199},{"style":1127},[3200],{"type":45,"value":1535},{"type":39,"tag":158,"props":3202,"children":3203},{"style":313},[3204],{"type":45,"value":1006},{"type":39,"tag":158,"props":3206,"children":3207},{"style":171},[3208],{"type":45,"value":3209},"mouseleave",{"type":39,"tag":158,"props":3211,"children":3212},{"style":313},[3213],{"type":45,"value":1006},{"type":39,"tag":158,"props":3215,"children":3216},{"style":313},[3217],{"type":45,"value":534},{"type":39,"tag":158,"props":3219,"children":3220},{"style":313},[3221],{"type":45,"value":996},{"type":39,"tag":158,"props":3223,"children":3224},{"style":171},[3225],{"type":45,"value":2232},{"type":39,"tag":158,"props":3227,"children":3228},{"style":313},[3229],{"type":45,"value":1006},{"type":39,"tag":158,"props":3231,"children":3232},{"style":313},[3233],{"type":45,"value":534},{"type":39,"tag":158,"props":3235,"children":3236},{"style":313},[3237],{"type":45,"value":1882},{"type":39,"tag":158,"props":3239,"children":3240},{"style":328},[3241],{"type":45,"value":1887},{"type":39,"tag":158,"props":3243,"children":3244},{"style":313},[3245],{"type":45,"value":459},{"type":39,"tag":158,"props":3247,"children":3249},{"class":160,"line":3248},55,[3250,3254,3258,3262,3266,3270,3274,3278,3282,3286,3291],{"type":39,"tag":158,"props":3251,"children":3252},{"style":983},[3253],{"type":45,"value":2130},{"type":39,"tag":158,"props":3255,"children":3256},{"style":313},[3257],{"type":45,"value":1057},{"type":39,"tag":158,"props":3259,"children":3260},{"style":1527},[3261],{"type":45,"value":3112},{"type":39,"tag":158,"props":3263,"children":3264},{"style":1127},[3265],{"type":45,"value":3117},{"type":39,"tag":158,"props":3267,"children":3268},{"style":313},[3269],{"type":45,"value":1057},{"type":39,"tag":158,"props":3271,"children":3272},{"style":983},[3273],{"type":45,"value":3126},{"type":39,"tag":158,"props":3275,"children":3276},{"style":313},[3277],{"type":45,"value":1057},{"type":39,"tag":158,"props":3279,"children":3280},{"style":983},[3281],{"type":45,"value":3135},{"type":39,"tag":158,"props":3283,"children":3284},{"style":313},[3285],{"type":45,"value":2858},{"type":39,"tag":158,"props":3287,"children":3288},{"style":313},[3289],{"type":45,"value":3290}," ''",{"type":39,"tag":158,"props":3292,"children":3293},{"style":313},[3294],{"type":45,"value":1011},{"type":39,"tag":158,"props":3296,"children":3298},{"class":160,"line":3297},56,[3299,3303,3307],{"type":39,"tag":158,"props":3300,"children":3301},{"style":313},[3302],{"type":45,"value":1995},{"type":39,"tag":158,"props":3304,"children":3305},{"style":1127},[3306],{"type":45,"value":1673},{"type":39,"tag":158,"props":3308,"children":3309},{"style":313},[3310],{"type":45,"value":1011},{"type":39,"tag":158,"props":3312,"children":3314},{"class":160,"line":3313},57,[3315,3319,3323],{"type":39,"tag":158,"props":3316,"children":3317},{"style":313},[3318],{"type":45,"value":1668},{"type":39,"tag":158,"props":3320,"children":3321},{"style":983},[3322],{"type":45,"value":1673},{"type":39,"tag":158,"props":3324,"children":3325},{"style":313},[3326],{"type":45,"value":1011},{"type":39,"tag":192,"props":3328,"children":3330},{"id":3329},"step-3-build-interactive-location-list",[3331],{"type":45,"value":3332},"Step 3: Build Interactive Location List",{"type":39,"tag":146,"props":3334,"children":3336},{"className":965,"code":3335,"language":967,"meta":151,"style":151},"function buildLocationList(stores) {\n const listingContainer = document.getElementById('listings');\n\n stores.features.forEach((store, index) => {\n const listing = listingContainer.appendChild(document.createElement('div'));\n listing.id = `listing-${store.properties.id}`;\n listing.className = 'listing';\n\n const link = listing.appendChild(document.createElement('a'));\n link.href = '#';\n link.className = 'title';\n link.id = `link-${store.properties.id}`;\n link.innerHTML = store.properties.name;\n\n const details = listing.appendChild(document.createElement('div'));\n details.innerHTML = `\n \u003Cp>${store.properties.address}\u003C\u002Fp>\n \u003Cp>${store.properties.phone || ''}\u003C\u002Fp>\n `;\n\n \u002F\u002F Handle listing click\n link.addEventListener('click', (e) => {\n e.preventDefault();\n flyToStore(store);\n createPopup(store);\n highlightListing(store.properties.id);\n });\n });\n}\n\nfunction flyToStore(store) {\n map.flyTo({\n center: store.geometry.coordinates,\n zoom: 15,\n duration: 1000\n });\n}\n\nfunction createPopup(store) {\n const popups = document.getElementsByClassName('mapboxgl-popup');\n \u002F\u002F Remove existing popups\n if (popups[0]) popups[0].remove();\n\n new mapboxgl.Popup({ closeOnClick: true })\n .setLngLat(store.geometry.coordinates)\n .setHTML(\n `\u003Ch3>${store.properties.name}\u003C\u002Fh3>\n \u003Cp>${store.properties.address}\u003C\u002Fp>\n \u003Cp>${store.properties.phone}\u003C\u002Fp>\n ${store.properties.website ? `\u003Ca href=\"${store.properties.website}\" target=\"_blank\">Visit Website\u003C\u002Fa>` : ''}`\n )\n .addTo(map);\n}\n\n\u002F\u002F IMPORTANT: highlightListing MUST include scrollIntoView — without it,\n\u002F\u002F selecting a marker on the map won't scroll the sidebar to the listing.\nfunction highlightListing(id) {\n \u002F\u002F Remove existing highlights\n const activeItem = document.getElementsByClassName('active');\n if (activeItem[0]) {\n activeItem[0].classList.remove('active');\n }\n\n \u002F\u002F Add highlight to selected listing\n const listing = document.getElementById(`listing-${id}`);\n listing.classList.add('active');\n\n \u002F\u002F Scroll the selected listing into view (critical UX requirement)\n listing.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n}\n\n\u002F\u002F Build the list on load\nmap.on('load', () => {\n buildLocationList(stores);\n});\n",[3337],{"type":39,"tag":154,"props":3338,"children":3339},{"__ignoreMap":151},[3340,3369,3425,3432,3490,3564,3628,3665,3672,3740,3778,3814,3874,3918,3925,3993,4018,4059,4105,4117,4124,4132,4188,4213,4236,4259,4299,4314,4329,4336,4343,4371,4395,4431,4452,4469,4484,4491,4498,4526,4580,4588,4652,4659,4712,4753,4770,4816,4856,4895,4986,4994,5022,5029,5036,5044,5052,5080,5089,5143,5176,5238,5247,5255,5264,5324,5374,5382,5391,5475,5483,5491,5500,5548,5573],{"type":39,"tag":158,"props":3341,"children":3342},{"class":160,"line":161},[3343,3348,3353,3357,3361,3365],{"type":39,"tag":158,"props":3344,"children":3345},{"style":328},[3346],{"type":45,"value":3347},"function",{"type":39,"tag":158,"props":3349,"children":3350},{"style":1527},[3351],{"type":45,"value":3352}," buildLocationList",{"type":39,"tag":158,"props":3354,"children":3355},{"style":313},[3356],{"type":45,"value":1535},{"type":39,"tag":158,"props":3358,"children":3359},{"style":2063},[3360],{"type":45,"value":1929},{"type":39,"tag":158,"props":3362,"children":3363},{"style":313},[3364],{"type":45,"value":1673},{"type":39,"tag":158,"props":3366,"children":3367},{"style":313},[3368],{"type":45,"value":459},{"type":39,"tag":158,"props":3370,"children":3371},{"class":160,"line":319},[3372,3377,3382,3386,3391,3395,3400,3404,3408,3413,3417,3421],{"type":39,"tag":158,"props":3373,"children":3374},{"style":328},[3375],{"type":45,"value":3376}," const",{"type":39,"tag":158,"props":3378,"children":3379},{"style":983},[3380],{"type":45,"value":3381}," listingContainer",{"type":39,"tag":158,"props":3383,"children":3384},{"style":313},[3385],{"type":45,"value":2858},{"type":39,"tag":158,"props":3387,"children":3388},{"style":983},[3389],{"type":45,"value":3390}," document",{"type":39,"tag":158,"props":3392,"children":3393},{"style":313},[3394],{"type":45,"value":1057},{"type":39,"tag":158,"props":3396,"children":3397},{"style":1527},[3398],{"type":45,"value":3399},"getElementById",{"type":39,"tag":158,"props":3401,"children":3402},{"style":1127},[3403],{"type":45,"value":1535},{"type":39,"tag":158,"props":3405,"children":3406},{"style":313},[3407],{"type":45,"value":1006},{"type":39,"tag":158,"props":3409,"children":3410},{"style":171},[3411],{"type":45,"value":3412},"listings",{"type":39,"tag":158,"props":3414,"children":3415},{"style":313},[3416],{"type":45,"value":1006},{"type":39,"tag":158,"props":3418,"children":3419},{"style":1127},[3420],{"type":45,"value":1673},{"type":39,"tag":158,"props":3422,"children":3423},{"style":313},[3424],{"type":45,"value":1011},{"type":39,"tag":158,"props":3426,"children":3427},{"class":160,"line":363},[3428],{"type":39,"tag":158,"props":3429,"children":3430},{"emptyLinePlaceholder":1041},[3431],{"type":45,"value":1044},{"type":39,"tag":158,"props":3433,"children":3434},{"class":160,"line":389},[3435,3440,3444,3448,3452,3457,3461,3465,3469,3473,3478,3482,3486],{"type":39,"tag":158,"props":3436,"children":3437},{"style":983},[3438],{"type":45,"value":3439}," stores",{"type":39,"tag":158,"props":3441,"children":3442},{"style":313},[3443],{"type":45,"value":1057},{"type":39,"tag":158,"props":3445,"children":3446},{"style":983},[3447],{"type":45,"value":373},{"type":39,"tag":158,"props":3449,"children":3450},{"style":313},[3451],{"type":45,"value":1057},{"type":39,"tag":158,"props":3453,"children":3454},{"style":1527},[3455],{"type":45,"value":3456},"forEach",{"type":39,"tag":158,"props":3458,"children":3459},{"style":1127},[3460],{"type":45,"value":1535},{"type":39,"tag":158,"props":3462,"children":3463},{"style":313},[3464],{"type":45,"value":1535},{"type":39,"tag":158,"props":3466,"children":3467},{"style":2063},[3468],{"type":45,"value":2894},{"type":39,"tag":158,"props":3470,"children":3471},{"style":313},[3472],{"type":45,"value":534},{"type":39,"tag":158,"props":3474,"children":3475},{"style":2063},[3476],{"type":45,"value":3477}," index",{"type":39,"tag":158,"props":3479,"children":3480},{"style":313},[3481],{"type":45,"value":1673},{"type":39,"tag":158,"props":3483,"children":3484},{"style":328},[3485],{"type":45,"value":1887},{"type":39,"tag":158,"props":3487,"children":3488},{"style":313},[3489],{"type":45,"value":459},{"type":39,"tag":158,"props":3491,"children":3492},{"class":160,"line":398},[3493,3498,3503,3507,3511,3515,3520,3524,3529,3533,3538,3542,3546,3551,3555,3560],{"type":39,"tag":158,"props":3494,"children":3495},{"style":328},[3496],{"type":45,"value":3497}," const",{"type":39,"tag":158,"props":3499,"children":3500},{"style":983},[3501],{"type":45,"value":3502}," listing",{"type":39,"tag":158,"props":3504,"children":3505},{"style":313},[3506],{"type":45,"value":2858},{"type":39,"tag":158,"props":3508,"children":3509},{"style":983},[3510],{"type":45,"value":3381},{"type":39,"tag":158,"props":3512,"children":3513},{"style":313},[3514],{"type":45,"value":1057},{"type":39,"tag":158,"props":3516,"children":3517},{"style":1527},[3518],{"type":45,"value":3519},"appendChild",{"type":39,"tag":158,"props":3521,"children":3522},{"style":1127},[3523],{"type":45,"value":1535},{"type":39,"tag":158,"props":3525,"children":3526},{"style":983},[3527],{"type":45,"value":3528},"document",{"type":39,"tag":158,"props":3530,"children":3531},{"style":313},[3532],{"type":45,"value":1057},{"type":39,"tag":158,"props":3534,"children":3535},{"style":1527},[3536],{"type":45,"value":3537},"createElement",{"type":39,"tag":158,"props":3539,"children":3540},{"style":1127},[3541],{"type":45,"value":1535},{"type":39,"tag":158,"props":3543,"children":3544},{"style":313},[3545],{"type":45,"value":1006},{"type":39,"tag":158,"props":3547,"children":3548},{"style":171},[3549],{"type":45,"value":3550},"div",{"type":39,"tag":158,"props":3552,"children":3553},{"style":313},[3554],{"type":45,"value":1006},{"type":39,"tag":158,"props":3556,"children":3557},{"style":1127},[3558],{"type":45,"value":3559},"))",{"type":39,"tag":158,"props":3561,"children":3562},{"style":313},[3563],{"type":45,"value":1011},{"type":39,"tag":158,"props":3565,"children":3566},{"class":160,"line":436},[3567,3572,3576,3580,3584,3589,3594,3599,3603,3607,3611,3615,3619,3624],{"type":39,"tag":158,"props":3568,"children":3569},{"style":983},[3570],{"type":45,"value":3571}," listing",{"type":39,"tag":158,"props":3573,"children":3574},{"style":313},[3575],{"type":45,"value":1057},{"type":39,"tag":158,"props":3577,"children":3578},{"style":983},[3579],{"type":45,"value":590},{"type":39,"tag":158,"props":3581,"children":3582},{"style":313},[3583],{"type":45,"value":2858},{"type":39,"tag":158,"props":3585,"children":3586},{"style":313},[3587],{"type":45,"value":3588}," `",{"type":39,"tag":158,"props":3590,"children":3591},{"style":171},[3592],{"type":45,"value":3593},"listing-",{"type":39,"tag":158,"props":3595,"children":3596},{"style":313},[3597],{"type":45,"value":3598},"${",{"type":39,"tag":158,"props":3600,"children":3601},{"style":983},[3602],{"type":45,"value":2894},{"type":39,"tag":158,"props":3604,"children":3605},{"style":313},[3606],{"type":45,"value":1057},{"type":39,"tag":158,"props":3608,"children":3609},{"style":983},[3610],{"type":45,"value":565},{"type":39,"tag":158,"props":3612,"children":3613},{"style":313},[3614],{"type":45,"value":1057},{"type":39,"tag":158,"props":3616,"children":3617},{"style":983},[3618],{"type":45,"value":590},{"type":39,"tag":158,"props":3620,"children":3621},{"style":313},[3622],{"type":45,"value":3623},"}`",{"type":39,"tag":158,"props":3625,"children":3626},{"style":313},[3627],{"type":45,"value":1011},{"type":39,"tag":158,"props":3629,"children":3630},{"class":160,"line":462},[3631,3635,3639,3644,3648,3652,3657,3661],{"type":39,"tag":158,"props":3632,"children":3633},{"style":983},[3634],{"type":45,"value":3571},{"type":39,"tag":158,"props":3636,"children":3637},{"style":313},[3638],{"type":45,"value":1057},{"type":39,"tag":158,"props":3640,"children":3641},{"style":983},[3642],{"type":45,"value":3643},"className",{"type":39,"tag":158,"props":3645,"children":3646},{"style":313},[3647],{"type":45,"value":2858},{"type":39,"tag":158,"props":3649,"children":3650},{"style":313},[3651],{"type":45,"value":996},{"type":39,"tag":158,"props":3653,"children":3654},{"style":171},[3655],{"type":45,"value":3656},"listing",{"type":39,"tag":158,"props":3658,"children":3659},{"style":313},[3660],{"type":45,"value":1006},{"type":39,"tag":158,"props":3662,"children":3663},{"style":313},[3664],{"type":45,"value":1011},{"type":39,"tag":158,"props":3666,"children":3667},{"class":160,"line":501},[3668],{"type":39,"tag":158,"props":3669,"children":3670},{"emptyLinePlaceholder":1041},[3671],{"type":45,"value":1044},{"type":39,"tag":158,"props":3673,"children":3674},{"class":160,"line":547},[3675,3679,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720,3724,3728,3732,3736],{"type":39,"tag":158,"props":3676,"children":3677},{"style":328},[3678],{"type":45,"value":3497},{"type":39,"tag":158,"props":3680,"children":3681},{"style":983},[3682],{"type":45,"value":3683}," link",{"type":39,"tag":158,"props":3685,"children":3686},{"style":313},[3687],{"type":45,"value":2858},{"type":39,"tag":158,"props":3689,"children":3690},{"style":983},[3691],{"type":45,"value":3502},{"type":39,"tag":158,"props":3693,"children":3694},{"style":313},[3695],{"type":45,"value":1057},{"type":39,"tag":158,"props":3697,"children":3698},{"style":1527},[3699],{"type":45,"value":3519},{"type":39,"tag":158,"props":3701,"children":3702},{"style":1127},[3703],{"type":45,"value":1535},{"type":39,"tag":158,"props":3705,"children":3706},{"style":983},[3707],{"type":45,"value":3528},{"type":39,"tag":158,"props":3709,"children":3710},{"style":313},[3711],{"type":45,"value":1057},{"type":39,"tag":158,"props":3713,"children":3714},{"style":1527},[3715],{"type":45,"value":3537},{"type":39,"tag":158,"props":3717,"children":3718},{"style":1127},[3719],{"type":45,"value":1535},{"type":39,"tag":158,"props":3721,"children":3722},{"style":313},[3723],{"type":45,"value":1006},{"type":39,"tag":158,"props":3725,"children":3726},{"style":171},[3727],{"type":45,"value":127},{"type":39,"tag":158,"props":3729,"children":3730},{"style":313},[3731],{"type":45,"value":1006},{"type":39,"tag":158,"props":3733,"children":3734},{"style":1127},[3735],{"type":45,"value":3559},{"type":39,"tag":158,"props":3737,"children":3738},{"style":313},[3739],{"type":45,"value":1011},{"type":39,"tag":158,"props":3741,"children":3742},{"class":160,"line":27},[3743,3748,3752,3757,3761,3765,3770,3774],{"type":39,"tag":158,"props":3744,"children":3745},{"style":983},[3746],{"type":45,"value":3747}," link",{"type":39,"tag":158,"props":3749,"children":3750},{"style":313},[3751],{"type":45,"value":1057},{"type":39,"tag":158,"props":3753,"children":3754},{"style":983},[3755],{"type":45,"value":3756},"href",{"type":39,"tag":158,"props":3758,"children":3759},{"style":313},[3760],{"type":45,"value":2858},{"type":39,"tag":158,"props":3762,"children":3763},{"style":313},[3764],{"type":45,"value":996},{"type":39,"tag":158,"props":3766,"children":3767},{"style":171},[3768],{"type":45,"value":3769},"#",{"type":39,"tag":158,"props":3771,"children":3772},{"style":313},[3773],{"type":45,"value":1006},{"type":39,"tag":158,"props":3775,"children":3776},{"style":313},[3777],{"type":45,"value":1011},{"type":39,"tag":158,"props":3779,"children":3780},{"class":160,"line":580},[3781,3785,3789,3793,3797,3801,3806,3810],{"type":39,"tag":158,"props":3782,"children":3783},{"style":983},[3784],{"type":45,"value":3747},{"type":39,"tag":158,"props":3786,"children":3787},{"style":313},[3788],{"type":45,"value":1057},{"type":39,"tag":158,"props":3790,"children":3791},{"style":983},[3792],{"type":45,"value":3643},{"type":39,"tag":158,"props":3794,"children":3795},{"style":313},[3796],{"type":45,"value":2858},{"type":39,"tag":158,"props":3798,"children":3799},{"style":313},[3800],{"type":45,"value":996},{"type":39,"tag":158,"props":3802,"children":3803},{"style":171},[3804],{"type":45,"value":3805},"title",{"type":39,"tag":158,"props":3807,"children":3808},{"style":313},[3809],{"type":45,"value":1006},{"type":39,"tag":158,"props":3811,"children":3812},{"style":313},[3813],{"type":45,"value":1011},{"type":39,"tag":158,"props":3815,"children":3816},{"class":160,"line":618},[3817,3821,3825,3829,3833,3837,3842,3846,3850,3854,3858,3862,3866,3870],{"type":39,"tag":158,"props":3818,"children":3819},{"style":983},[3820],{"type":45,"value":3747},{"type":39,"tag":158,"props":3822,"children":3823},{"style":313},[3824],{"type":45,"value":1057},{"type":39,"tag":158,"props":3826,"children":3827},{"style":983},[3828],{"type":45,"value":590},{"type":39,"tag":158,"props":3830,"children":3831},{"style":313},[3832],{"type":45,"value":2858},{"type":39,"tag":158,"props":3834,"children":3835},{"style":313},[3836],{"type":45,"value":3588},{"type":39,"tag":158,"props":3838,"children":3839},{"style":171},[3840],{"type":45,"value":3841},"link-",{"type":39,"tag":158,"props":3843,"children":3844},{"style":313},[3845],{"type":45,"value":3598},{"type":39,"tag":158,"props":3847,"children":3848},{"style":983},[3849],{"type":45,"value":2894},{"type":39,"tag":158,"props":3851,"children":3852},{"style":313},[3853],{"type":45,"value":1057},{"type":39,"tag":158,"props":3855,"children":3856},{"style":983},[3857],{"type":45,"value":565},{"type":39,"tag":158,"props":3859,"children":3860},{"style":313},[3861],{"type":45,"value":1057},{"type":39,"tag":158,"props":3863,"children":3864},{"style":983},[3865],{"type":45,"value":590},{"type":39,"tag":158,"props":3867,"children":3868},{"style":313},[3869],{"type":45,"value":3623},{"type":39,"tag":158,"props":3871,"children":3872},{"style":313},[3873],{"type":45,"value":1011},{"type":39,"tag":158,"props":3875,"children":3876},{"class":160,"line":656},[3877,3881,3885,3890,3894,3898,3902,3906,3910,3914],{"type":39,"tag":158,"props":3878,"children":3879},{"style":983},[3880],{"type":45,"value":3747},{"type":39,"tag":158,"props":3882,"children":3883},{"style":313},[3884],{"type":45,"value":1057},{"type":39,"tag":158,"props":3886,"children":3887},{"style":983},[3888],{"type":45,"value":3889},"innerHTML",{"type":39,"tag":158,"props":3891,"children":3892},{"style":313},[3893],{"type":45,"value":2858},{"type":39,"tag":158,"props":3895,"children":3896},{"style":983},[3897],{"type":45,"value":2853},{"type":39,"tag":158,"props":3899,"children":3900},{"style":313},[3901],{"type":45,"value":1057},{"type":39,"tag":158,"props":3903,"children":3904},{"style":983},[3905],{"type":45,"value":565},{"type":39,"tag":158,"props":3907,"children":3908},{"style":313},[3909],{"type":45,"value":1057},{"type":39,"tag":158,"props":3911,"children":3912},{"style":983},[3913],{"type":45,"value":628},{"type":39,"tag":158,"props":3915,"children":3916},{"style":313},[3917],{"type":45,"value":1011},{"type":39,"tag":158,"props":3919,"children":3920},{"class":160,"line":694},[3921],{"type":39,"tag":158,"props":3922,"children":3923},{"emptyLinePlaceholder":1041},[3924],{"type":45,"value":1044},{"type":39,"tag":158,"props":3926,"children":3927},{"class":160,"line":732},[3928,3932,3937,3941,3945,3949,3953,3957,3961,3965,3969,3973,3977,3981,3985,3989],{"type":39,"tag":158,"props":3929,"children":3930},{"style":328},[3931],{"type":45,"value":3497},{"type":39,"tag":158,"props":3933,"children":3934},{"style":983},[3935],{"type":45,"value":3936}," details",{"type":39,"tag":158,"props":3938,"children":3939},{"style":313},[3940],{"type":45,"value":2858},{"type":39,"tag":158,"props":3942,"children":3943},{"style":983},[3944],{"type":45,"value":3502},{"type":39,"tag":158,"props":3946,"children":3947},{"style":313},[3948],{"type":45,"value":1057},{"type":39,"tag":158,"props":3950,"children":3951},{"style":1527},[3952],{"type":45,"value":3519},{"type":39,"tag":158,"props":3954,"children":3955},{"style":1127},[3956],{"type":45,"value":1535},{"type":39,"tag":158,"props":3958,"children":3959},{"style":983},[3960],{"type":45,"value":3528},{"type":39,"tag":158,"props":3962,"children":3963},{"style":313},[3964],{"type":45,"value":1057},{"type":39,"tag":158,"props":3966,"children":3967},{"style":1527},[3968],{"type":45,"value":3537},{"type":39,"tag":158,"props":3970,"children":3971},{"style":1127},[3972],{"type":45,"value":1535},{"type":39,"tag":158,"props":3974,"children":3975},{"style":313},[3976],{"type":45,"value":1006},{"type":39,"tag":158,"props":3978,"children":3979},{"style":171},[3980],{"type":45,"value":3550},{"type":39,"tag":158,"props":3982,"children":3983},{"style":313},[3984],{"type":45,"value":1006},{"type":39,"tag":158,"props":3986,"children":3987},{"style":1127},[3988],{"type":45,"value":3559},{"type":39,"tag":158,"props":3990,"children":3991},{"style":313},[3992],{"type":45,"value":1011},{"type":39,"tag":158,"props":3994,"children":3995},{"class":160,"line":770},[3996,4001,4005,4009,4013],{"type":39,"tag":158,"props":3997,"children":3998},{"style":983},[3999],{"type":45,"value":4000}," details",{"type":39,"tag":158,"props":4002,"children":4003},{"style":313},[4004],{"type":45,"value":1057},{"type":39,"tag":158,"props":4006,"children":4007},{"style":983},[4008],{"type":45,"value":3889},{"type":39,"tag":158,"props":4010,"children":4011},{"style":313},[4012],{"type":45,"value":2858},{"type":39,"tag":158,"props":4014,"children":4015},{"style":313},[4016],{"type":45,"value":4017}," `\n",{"type":39,"tag":158,"props":4019,"children":4020},{"class":160,"line":808},[4021,4026,4030,4034,4038,4042,4046,4050,4054],{"type":39,"tag":158,"props":4022,"children":4023},{"style":171},[4024],{"type":45,"value":4025}," \u003Cp>",{"type":39,"tag":158,"props":4027,"children":4028},{"style":313},[4029],{"type":45,"value":3598},{"type":39,"tag":158,"props":4031,"children":4032},{"style":983},[4033],{"type":45,"value":2894},{"type":39,"tag":158,"props":4035,"children":4036},{"style":313},[4037],{"type":45,"value":1057},{"type":39,"tag":158,"props":4039,"children":4040},{"style":983},[4041],{"type":45,"value":565},{"type":39,"tag":158,"props":4043,"children":4044},{"style":313},[4045],{"type":45,"value":1057},{"type":39,"tag":158,"props":4047,"children":4048},{"style":983},[4049],{"type":45,"value":666},{"type":39,"tag":158,"props":4051,"children":4052},{"style":313},[4053],{"type":45,"value":1668},{"type":39,"tag":158,"props":4055,"children":4056},{"style":171},[4057],{"type":45,"value":4058},"\u003C\u002Fp>\n",{"type":39,"tag":158,"props":4060,"children":4061},{"class":160,"line":843},[4062,4066,4070,4074,4078,4082,4086,4091,4096,4101],{"type":39,"tag":158,"props":4063,"children":4064},{"style":171},[4065],{"type":45,"value":4025},{"type":39,"tag":158,"props":4067,"children":4068},{"style":313},[4069],{"type":45,"value":3598},{"type":39,"tag":158,"props":4071,"children":4072},{"style":983},[4073],{"type":45,"value":2894},{"type":39,"tag":158,"props":4075,"children":4076},{"style":313},[4077],{"type":45,"value":1057},{"type":39,"tag":158,"props":4079,"children":4080},{"style":983},[4081],{"type":45,"value":565},{"type":39,"tag":158,"props":4083,"children":4084},{"style":313},[4085],{"type":45,"value":1057},{"type":39,"tag":158,"props":4087,"children":4088},{"style":983},[4089],{"type":45,"value":4090},"phone ",{"type":39,"tag":158,"props":4092,"children":4093},{"style":313},[4094],{"type":45,"value":4095},"||",{"type":39,"tag":158,"props":4097,"children":4098},{"style":313},[4099],{"type":45,"value":4100}," ''}",{"type":39,"tag":158,"props":4102,"children":4103},{"style":171},[4104],{"type":45,"value":4058},{"type":39,"tag":158,"props":4106,"children":4107},{"class":160,"line":852},[4108,4113],{"type":39,"tag":158,"props":4109,"children":4110},{"style":313},[4111],{"type":45,"value":4112}," `",{"type":39,"tag":158,"props":4114,"children":4115},{"style":313},[4116],{"type":45,"value":1011},{"type":39,"tag":158,"props":4118,"children":4119},{"class":160,"line":861},[4120],{"type":39,"tag":158,"props":4121,"children":4122},{"emptyLinePlaceholder":1041},[4123],{"type":45,"value":1044},{"type":39,"tag":158,"props":4125,"children":4126},{"class":160,"line":870},[4127],{"type":39,"tag":158,"props":4128,"children":4129},{"style":1097},[4130],{"type":45,"value":4131}," \u002F\u002F Handle listing click\n",{"type":39,"tag":158,"props":4133,"children":4134},{"class":160,"line":1446},[4135,4139,4143,4148,4152,4156,4160,4164,4168,4172,4176,4180,4184],{"type":39,"tag":158,"props":4136,"children":4137},{"style":983},[4138],{"type":45,"value":3747},{"type":39,"tag":158,"props":4140,"children":4141},{"style":313},[4142],{"type":45,"value":1057},{"type":39,"tag":158,"props":4144,"children":4145},{"style":1527},[4146],{"type":45,"value":4147},"addEventListener",{"type":39,"tag":158,"props":4149,"children":4150},{"style":1127},[4151],{"type":45,"value":1535},{"type":39,"tag":158,"props":4153,"children":4154},{"style":313},[4155],{"type":45,"value":1006},{"type":39,"tag":158,"props":4157,"children":4158},{"style":171},[4159],{"type":45,"value":2753},{"type":39,"tag":158,"props":4161,"children":4162},{"style":313},[4163],{"type":45,"value":1006},{"type":39,"tag":158,"props":4165,"children":4166},{"style":313},[4167],{"type":45,"value":534},{"type":39,"tag":158,"props":4169,"children":4170},{"style":313},[4171],{"type":45,"value":2060},{"type":39,"tag":158,"props":4173,"children":4174},{"style":2063},[4175],{"type":45,"value":2827},{"type":39,"tag":158,"props":4177,"children":4178},{"style":313},[4179],{"type":45,"value":1673},{"type":39,"tag":158,"props":4181,"children":4182},{"style":328},[4183],{"type":45,"value":1887},{"type":39,"tag":158,"props":4185,"children":4186},{"style":313},[4187],{"type":45,"value":459},{"type":39,"tag":158,"props":4189,"children":4190},{"class":160,"line":1454},[4191,4196,4200,4205,4209],{"type":39,"tag":158,"props":4192,"children":4193},{"style":983},[4194],{"type":45,"value":4195}," e",{"type":39,"tag":158,"props":4197,"children":4198},{"style":313},[4199],{"type":45,"value":1057},{"type":39,"tag":158,"props":4201,"children":4202},{"style":1527},[4203],{"type":45,"value":4204},"preventDefault",{"type":39,"tag":158,"props":4206,"children":4207},{"style":1127},[4208],{"type":45,"value":3117},{"type":39,"tag":158,"props":4210,"children":4211},{"style":313},[4212],{"type":45,"value":1011},{"type":39,"tag":158,"props":4214,"children":4215},{"class":160,"line":1462},[4216,4220,4224,4228,4232],{"type":39,"tag":158,"props":4217,"children":4218},{"style":1527},[4219],{"type":45,"value":2885},{"type":39,"tag":158,"props":4221,"children":4222},{"style":1127},[4223],{"type":45,"value":1535},{"type":39,"tag":158,"props":4225,"children":4226},{"style":983},[4227],{"type":45,"value":2894},{"type":39,"tag":158,"props":4229,"children":4230},{"style":1127},[4231],{"type":45,"value":1673},{"type":39,"tag":158,"props":4233,"children":4234},{"style":313},[4235],{"type":45,"value":1011},{"type":39,"tag":158,"props":4237,"children":4238},{"class":160,"line":1471},[4239,4243,4247,4251,4255],{"type":39,"tag":158,"props":4240,"children":4241},{"style":1527},[4242],{"type":45,"value":2911},{"type":39,"tag":158,"props":4244,"children":4245},{"style":1127},[4246],{"type":45,"value":1535},{"type":39,"tag":158,"props":4248,"children":4249},{"style":983},[4250],{"type":45,"value":2894},{"type":39,"tag":158,"props":4252,"children":4253},{"style":1127},[4254],{"type":45,"value":1673},{"type":39,"tag":158,"props":4256,"children":4257},{"style":313},[4258],{"type":45,"value":1011},{"type":39,"tag":158,"props":4260,"children":4261},{"class":160,"line":1479},[4262,4267,4271,4275,4279,4283,4287,4291,4295],{"type":39,"tag":158,"props":4263,"children":4264},{"style":1527},[4265],{"type":45,"value":4266}," highlightListing",{"type":39,"tag":158,"props":4268,"children":4269},{"style":1127},[4270],{"type":45,"value":1535},{"type":39,"tag":158,"props":4272,"children":4273},{"style":983},[4274],{"type":45,"value":2894},{"type":39,"tag":158,"props":4276,"children":4277},{"style":313},[4278],{"type":45,"value":1057},{"type":39,"tag":158,"props":4280,"children":4281},{"style":983},[4282],{"type":45,"value":565},{"type":39,"tag":158,"props":4284,"children":4285},{"style":313},[4286],{"type":45,"value":1057},{"type":39,"tag":158,"props":4288,"children":4289},{"style":983},[4290],{"type":45,"value":590},{"type":39,"tag":158,"props":4292,"children":4293},{"style":1127},[4294],{"type":45,"value":1673},{"type":39,"tag":158,"props":4296,"children":4297},{"style":313},[4298],{"type":45,"value":1011},{"type":39,"tag":158,"props":4300,"children":4301},{"class":160,"line":1488},[4302,4306,4310],{"type":39,"tag":158,"props":4303,"children":4304},{"style":313},[4305],{"type":45,"value":2654},{"type":39,"tag":158,"props":4307,"children":4308},{"style":1127},[4309],{"type":45,"value":1673},{"type":39,"tag":158,"props":4311,"children":4312},{"style":313},[4313],{"type":45,"value":1011},{"type":39,"tag":158,"props":4315,"children":4316},{"class":160,"line":1496},[4317,4321,4325],{"type":39,"tag":158,"props":4318,"children":4319},{"style":313},[4320],{"type":45,"value":1995},{"type":39,"tag":158,"props":4322,"children":4323},{"style":1127},[4324],{"type":45,"value":1673},{"type":39,"tag":158,"props":4326,"children":4327},{"style":313},[4328],{"type":45,"value":1011},{"type":39,"tag":158,"props":4330,"children":4331},{"class":160,"line":1542},[4332],{"type":39,"tag":158,"props":4333,"children":4334},{"style":313},[4335],{"type":45,"value":876},{"type":39,"tag":158,"props":4337,"children":4338},{"class":160,"line":1572},[4339],{"type":39,"tag":158,"props":4340,"children":4341},{"emptyLinePlaceholder":1041},[4342],{"type":45,"value":1044},{"type":39,"tag":158,"props":4344,"children":4345},{"class":160,"line":1602},[4346,4350,4355,4359,4363,4367],{"type":39,"tag":158,"props":4347,"children":4348},{"style":328},[4349],{"type":45,"value":3347},{"type":39,"tag":158,"props":4351,"children":4352},{"style":1527},[4353],{"type":45,"value":4354}," flyToStore",{"type":39,"tag":158,"props":4356,"children":4357},{"style":313},[4358],{"type":45,"value":1535},{"type":39,"tag":158,"props":4360,"children":4361},{"style":2063},[4362],{"type":45,"value":2894},{"type":39,"tag":158,"props":4364,"children":4365},{"style":313},[4366],{"type":45,"value":1673},{"type":39,"tag":158,"props":4368,"children":4369},{"style":313},[4370],{"type":45,"value":459},{"type":39,"tag":158,"props":4372,"children":4373},{"class":160,"line":1644},[4374,4378,4382,4387,4391],{"type":39,"tag":158,"props":4375,"children":4376},{"style":983},[4377],{"type":45,"value":1907},{"type":39,"tag":158,"props":4379,"children":4380},{"style":313},[4381],{"type":45,"value":1057},{"type":39,"tag":158,"props":4383,"children":4384},{"style":1527},[4385],{"type":45,"value":4386},"flyTo",{"type":39,"tag":158,"props":4388,"children":4389},{"style":1127},[4390],{"type":45,"value":1535},{"type":39,"tag":158,"props":4392,"children":4393},{"style":313},[4394],{"type":45,"value":316},{"type":39,"tag":158,"props":4396,"children":4397},{"class":160,"line":1662},[4398,4403,4407,4411,4415,4419,4423,4427],{"type":39,"tag":158,"props":4399,"children":4400},{"style":1127},[4401],{"type":45,"value":4402}," center",{"type":39,"tag":158,"props":4404,"children":4405},{"style":313},[4406],{"type":45,"value":341},{"type":39,"tag":158,"props":4408,"children":4409},{"style":983},[4410],{"type":45,"value":2853},{"type":39,"tag":158,"props":4412,"children":4413},{"style":313},[4414],{"type":45,"value":1057},{"type":39,"tag":158,"props":4416,"children":4417},{"style":983},[4418],{"type":45,"value":446},{"type":39,"tag":158,"props":4420,"children":4421},{"style":313},[4422],{"type":45,"value":1057},{"type":39,"tag":158,"props":4424,"children":4425},{"style":983},[4426],{"type":45,"value":511},{"type":39,"tag":158,"props":4428,"children":4429},{"style":313},[4430],{"type":45,"value":360},{"type":39,"tag":158,"props":4432,"children":4433},{"class":160,"line":2764},[4434,4439,4443,4448],{"type":39,"tag":158,"props":4435,"children":4436},{"style":1127},[4437],{"type":45,"value":4438}," zoom",{"type":39,"tag":158,"props":4440,"children":4441},{"style":313},[4442],{"type":45,"value":341},{"type":39,"tag":158,"props":4444,"children":4445},{"style":471},[4446],{"type":45,"value":4447}," 15",{"type":39,"tag":158,"props":4449,"children":4450},{"style":313},[4451],{"type":45,"value":360},{"type":39,"tag":158,"props":4453,"children":4454},{"class":160,"line":2808},[4455,4460,4464],{"type":39,"tag":158,"props":4456,"children":4457},{"style":1127},[4458],{"type":45,"value":4459}," duration",{"type":39,"tag":158,"props":4461,"children":4462},{"style":313},[4463],{"type":45,"value":341},{"type":39,"tag":158,"props":4465,"children":4466},{"style":471},[4467],{"type":45,"value":4468}," 1000\n",{"type":39,"tag":158,"props":4470,"children":4471},{"class":160,"line":2842},[4472,4476,4480],{"type":39,"tag":158,"props":4473,"children":4474},{"style":313},[4475],{"type":45,"value":1995},{"type":39,"tag":158,"props":4477,"children":4478},{"style":1127},[4479],{"type":45,"value":1673},{"type":39,"tag":158,"props":4481,"children":4482},{"style":313},[4483],{"type":45,"value":1011},{"type":39,"tag":158,"props":4485,"children":4486},{"class":160,"line":2879},[4487],{"type":39,"tag":158,"props":4488,"children":4489},{"style":313},[4490],{"type":45,"value":876},{"type":39,"tag":158,"props":4492,"children":4493},{"class":160,"line":2905},[4494],{"type":39,"tag":158,"props":4495,"children":4496},{"emptyLinePlaceholder":1041},[4497],{"type":45,"value":1044},{"type":39,"tag":158,"props":4499,"children":4500},{"class":160,"line":2930},[4501,4505,4510,4514,4518,4522],{"type":39,"tag":158,"props":4502,"children":4503},{"style":328},[4504],{"type":45,"value":3347},{"type":39,"tag":158,"props":4506,"children":4507},{"style":1527},[4508],{"type":45,"value":4509}," createPopup",{"type":39,"tag":158,"props":4511,"children":4512},{"style":313},[4513],{"type":45,"value":1535},{"type":39,"tag":158,"props":4515,"children":4516},{"style":2063},[4517],{"type":45,"value":2894},{"type":39,"tag":158,"props":4519,"children":4520},{"style":313},[4521],{"type":45,"value":1673},{"type":39,"tag":158,"props":4523,"children":4524},{"style":313},[4525],{"type":45,"value":459},{"type":39,"tag":158,"props":4527,"children":4528},{"class":160,"line":2938},[4529,4533,4538,4542,4546,4550,4555,4559,4563,4568,4572,4576],{"type":39,"tag":158,"props":4530,"children":4531},{"style":328},[4532],{"type":45,"value":3376},{"type":39,"tag":158,"props":4534,"children":4535},{"style":983},[4536],{"type":45,"value":4537}," popups",{"type":39,"tag":158,"props":4539,"children":4540},{"style":313},[4541],{"type":45,"value":2858},{"type":39,"tag":158,"props":4543,"children":4544},{"style":983},[4545],{"type":45,"value":3390},{"type":39,"tag":158,"props":4547,"children":4548},{"style":313},[4549],{"type":45,"value":1057},{"type":39,"tag":158,"props":4551,"children":4552},{"style":1527},[4553],{"type":45,"value":4554},"getElementsByClassName",{"type":39,"tag":158,"props":4556,"children":4557},{"style":1127},[4558],{"type":45,"value":1535},{"type":39,"tag":158,"props":4560,"children":4561},{"style":313},[4562],{"type":45,"value":1006},{"type":39,"tag":158,"props":4564,"children":4565},{"style":171},[4566],{"type":45,"value":4567},"mapboxgl-popup",{"type":39,"tag":158,"props":4569,"children":4570},{"style":313},[4571],{"type":45,"value":1006},{"type":39,"tag":158,"props":4573,"children":4574},{"style":1127},[4575],{"type":45,"value":1673},{"type":39,"tag":158,"props":4577,"children":4578},{"style":313},[4579],{"type":45,"value":1011},{"type":39,"tag":158,"props":4581,"children":4582},{"class":160,"line":2954},[4583],{"type":39,"tag":158,"props":4584,"children":4585},{"style":1097},[4586],{"type":45,"value":4587}," \u002F\u002F Remove existing popups\n",{"type":39,"tag":158,"props":4589,"children":4590},{"class":160,"line":2962},[4591,4596,4600,4605,4610,4614,4619,4623,4627,4631,4635,4639,4644,4648],{"type":39,"tag":158,"props":4592,"children":4593},{"style":977},[4594],{"type":45,"value":4595}," if",{"type":39,"tag":158,"props":4597,"children":4598},{"style":1127},[4599],{"type":45,"value":2060},{"type":39,"tag":158,"props":4601,"children":4602},{"style":983},[4603],{"type":45,"value":4604},"popups",{"type":39,"tag":158,"props":4606,"children":4607},{"style":1127},[4608],{"type":45,"value":4609},"[",{"type":39,"tag":158,"props":4611,"children":4612},{"style":471},[4613],{"type":45,"value":2560},{"type":39,"tag":158,"props":4615,"children":4616},{"style":1127},[4617],{"type":45,"value":4618},"]) ",{"type":39,"tag":158,"props":4620,"children":4621},{"style":983},[4622],{"type":45,"value":4604},{"type":39,"tag":158,"props":4624,"children":4625},{"style":1127},[4626],{"type":45,"value":4609},{"type":39,"tag":158,"props":4628,"children":4629},{"style":471},[4630],{"type":45,"value":2560},{"type":39,"tag":158,"props":4632,"children":4633},{"style":1127},[4634],{"type":45,"value":1637},{"type":39,"tag":158,"props":4636,"children":4637},{"style":313},[4638],{"type":45,"value":1057},{"type":39,"tag":158,"props":4640,"children":4641},{"style":1527},[4642],{"type":45,"value":4643},"remove",{"type":39,"tag":158,"props":4645,"children":4646},{"style":1127},[4647],{"type":45,"value":3117},{"type":39,"tag":158,"props":4649,"children":4650},{"style":313},[4651],{"type":45,"value":1011},{"type":39,"tag":158,"props":4653,"children":4654},{"class":160,"line":2971},[4655],{"type":39,"tag":158,"props":4656,"children":4657},{"emptyLinePlaceholder":1041},[4658],{"type":45,"value":1044},{"type":39,"tag":158,"props":4660,"children":4661},{"class":160,"line":2980},[4662,4667,4671,4675,4680,4684,4689,4694,4698,4702,4707],{"type":39,"tag":158,"props":4663,"children":4664},{"style":313},[4665],{"type":45,"value":4666}," new",{"type":39,"tag":158,"props":4668,"children":4669},{"style":983},[4670],{"type":45,"value":1520},{"type":39,"tag":158,"props":4672,"children":4673},{"style":313},[4674],{"type":45,"value":1057},{"type":39,"tag":158,"props":4676,"children":4677},{"style":1527},[4678],{"type":45,"value":4679},"Popup",{"type":39,"tag":158,"props":4681,"children":4682},{"style":1127},[4683],{"type":45,"value":1535},{"type":39,"tag":158,"props":4685,"children":4686},{"style":313},[4687],{"type":45,"value":4688},"{",{"type":39,"tag":158,"props":4690,"children":4691},{"style":1127},[4692],{"type":45,"value":4693}," closeOnClick",{"type":39,"tag":158,"props":4695,"children":4696},{"style":313},[4697],{"type":45,"value":341},{"type":39,"tag":158,"props":4699,"children":4700},{"style":2401},[4701],{"type":45,"value":2404},{"type":39,"tag":158,"props":4703,"children":4704},{"style":313},[4705],{"type":45,"value":4706}," }",{"type":39,"tag":158,"props":4708,"children":4709},{"style":1127},[4710],{"type":45,"value":4711},")\n",{"type":39,"tag":158,"props":4713,"children":4714},{"class":160,"line":2989},[4715,4720,4725,4729,4733,4737,4741,4745,4749],{"type":39,"tag":158,"props":4716,"children":4717},{"style":313},[4718],{"type":45,"value":4719}," .",{"type":39,"tag":158,"props":4721,"children":4722},{"style":1527},[4723],{"type":45,"value":4724},"setLngLat",{"type":39,"tag":158,"props":4726,"children":4727},{"style":1127},[4728],{"type":45,"value":1535},{"type":39,"tag":158,"props":4730,"children":4731},{"style":983},[4732],{"type":45,"value":2894},{"type":39,"tag":158,"props":4734,"children":4735},{"style":313},[4736],{"type":45,"value":1057},{"type":39,"tag":158,"props":4738,"children":4739},{"style":983},[4740],{"type":45,"value":446},{"type":39,"tag":158,"props":4742,"children":4743},{"style":313},[4744],{"type":45,"value":1057},{"type":39,"tag":158,"props":4746,"children":4747},{"style":983},[4748],{"type":45,"value":511},{"type":39,"tag":158,"props":4750,"children":4751},{"style":1127},[4752],{"type":45,"value":4711},{"type":39,"tag":158,"props":4754,"children":4755},{"class":160,"line":2998},[4756,4760,4765],{"type":39,"tag":158,"props":4757,"children":4758},{"style":313},[4759],{"type":45,"value":4719},{"type":39,"tag":158,"props":4761,"children":4762},{"style":1527},[4763],{"type":45,"value":4764},"setHTML",{"type":39,"tag":158,"props":4766,"children":4767},{"style":1127},[4768],{"type":45,"value":4769},"(\n",{"type":39,"tag":158,"props":4771,"children":4772},{"class":160,"line":3007},[4773,4778,4783,4787,4791,4795,4799,4803,4807,4811],{"type":39,"tag":158,"props":4774,"children":4775},{"style":313},[4776],{"type":45,"value":4777}," `",{"type":39,"tag":158,"props":4779,"children":4780},{"style":171},[4781],{"type":45,"value":4782},"\u003Ch3>",{"type":39,"tag":158,"props":4784,"children":4785},{"style":313},[4786],{"type":45,"value":3598},{"type":39,"tag":158,"props":4788,"children":4789},{"style":983},[4790],{"type":45,"value":2894},{"type":39,"tag":158,"props":4792,"children":4793},{"style":313},[4794],{"type":45,"value":1057},{"type":39,"tag":158,"props":4796,"children":4797},{"style":983},[4798],{"type":45,"value":565},{"type":39,"tag":158,"props":4800,"children":4801},{"style":313},[4802],{"type":45,"value":1057},{"type":39,"tag":158,"props":4804,"children":4805},{"style":983},[4806],{"type":45,"value":628},{"type":39,"tag":158,"props":4808,"children":4809},{"style":313},[4810],{"type":45,"value":1668},{"type":39,"tag":158,"props":4812,"children":4813},{"style":171},[4814],{"type":45,"value":4815},"\u003C\u002Fh3>\n",{"type":39,"tag":158,"props":4817,"children":4818},{"class":160,"line":3016},[4819,4824,4828,4832,4836,4840,4844,4848,4852],{"type":39,"tag":158,"props":4820,"children":4821},{"style":171},[4822],{"type":45,"value":4823}," \u003Cp>",{"type":39,"tag":158,"props":4825,"children":4826},{"style":313},[4827],{"type":45,"value":3598},{"type":39,"tag":158,"props":4829,"children":4830},{"style":983},[4831],{"type":45,"value":2894},{"type":39,"tag":158,"props":4833,"children":4834},{"style":313},[4835],{"type":45,"value":1057},{"type":39,"tag":158,"props":4837,"children":4838},{"style":983},[4839],{"type":45,"value":565},{"type":39,"tag":158,"props":4841,"children":4842},{"style":313},[4843],{"type":45,"value":1057},{"type":39,"tag":158,"props":4845,"children":4846},{"style":983},[4847],{"type":45,"value":666},{"type":39,"tag":158,"props":4849,"children":4850},{"style":313},[4851],{"type":45,"value":1668},{"type":39,"tag":158,"props":4853,"children":4854},{"style":171},[4855],{"type":45,"value":4058},{"type":39,"tag":158,"props":4857,"children":4858},{"class":160,"line":3024},[4859,4863,4867,4871,4875,4879,4883,4887,4891],{"type":39,"tag":158,"props":4860,"children":4861},{"style":171},[4862],{"type":45,"value":4823},{"type":39,"tag":158,"props":4864,"children":4865},{"style":313},[4866],{"type":45,"value":3598},{"type":39,"tag":158,"props":4868,"children":4869},{"style":983},[4870],{"type":45,"value":2894},{"type":39,"tag":158,"props":4872,"children":4873},{"style":313},[4874],{"type":45,"value":1057},{"type":39,"tag":158,"props":4876,"children":4877},{"style":983},[4878],{"type":45,"value":565},{"type":39,"tag":158,"props":4880,"children":4881},{"style":313},[4882],{"type":45,"value":1057},{"type":39,"tag":158,"props":4884,"children":4885},{"style":983},[4886],{"type":45,"value":704},{"type":39,"tag":158,"props":4888,"children":4889},{"style":313},[4890],{"type":45,"value":1668},{"type":39,"tag":158,"props":4892,"children":4893},{"style":171},[4894],{"type":45,"value":4058},{"type":39,"tag":158,"props":4896,"children":4897},{"class":160,"line":3033},[4898,4903,4907,4911,4915,4919,4924,4929,4933,4938,4942,4946,4950,4954,4958,4962,4966,4971,4976,4981],{"type":39,"tag":158,"props":4899,"children":4900},{"style":313},[4901],{"type":45,"value":4902}," ${",{"type":39,"tag":158,"props":4904,"children":4905},{"style":983},[4906],{"type":45,"value":2894},{"type":39,"tag":158,"props":4908,"children":4909},{"style":313},[4910],{"type":45,"value":1057},{"type":39,"tag":158,"props":4912,"children":4913},{"style":983},[4914],{"type":45,"value":565},{"type":39,"tag":158,"props":4916,"children":4917},{"style":313},[4918],{"type":45,"value":1057},{"type":39,"tag":158,"props":4920,"children":4921},{"style":983},[4922],{"type":45,"value":4923},"website ",{"type":39,"tag":158,"props":4925,"children":4926},{"style":313},[4927],{"type":45,"value":4928},"?",{"type":39,"tag":158,"props":4930,"children":4931},{"style":313},[4932],{"type":45,"value":3588},{"type":39,"tag":158,"props":4934,"children":4935},{"style":171},[4936],{"type":45,"value":4937},"\u003Ca href=\"",{"type":39,"tag":158,"props":4939,"children":4940},{"style":313},[4941],{"type":45,"value":3598},{"type":39,"tag":158,"props":4943,"children":4944},{"style":983},[4945],{"type":45,"value":2894},{"type":39,"tag":158,"props":4947,"children":4948},{"style":313},[4949],{"type":45,"value":1057},{"type":39,"tag":158,"props":4951,"children":4952},{"style":983},[4953],{"type":45,"value":565},{"type":39,"tag":158,"props":4955,"children":4956},{"style":313},[4957],{"type":45,"value":1057},{"type":39,"tag":158,"props":4959,"children":4960},{"style":983},[4961],{"type":45,"value":818},{"type":39,"tag":158,"props":4963,"children":4964},{"style":313},[4965],{"type":45,"value":1668},{"type":39,"tag":158,"props":4967,"children":4968},{"style":171},[4969],{"type":45,"value":4970},"\" target=\"_blank\">Visit Website\u003C\u002Fa>",{"type":39,"tag":158,"props":4972,"children":4973},{"style":313},[4974],{"type":45,"value":4975},"`",{"type":39,"tag":158,"props":4977,"children":4978},{"style":313},[4979],{"type":45,"value":4980}," :",{"type":39,"tag":158,"props":4982,"children":4983},{"style":313},[4984],{"type":45,"value":4985}," ''}`\n",{"type":39,"tag":158,"props":4987,"children":4988},{"class":160,"line":3098},[4989],{"type":39,"tag":158,"props":4990,"children":4991},{"style":1127},[4992],{"type":45,"value":4993}," )\n",{"type":39,"tag":158,"props":4995,"children":4996},{"class":160,"line":3159},[4997,5001,5006,5010,5014,5018],{"type":39,"tag":158,"props":4998,"children":4999},{"style":313},[5000],{"type":45,"value":4719},{"type":39,"tag":158,"props":5002,"children":5003},{"style":1527},[5004],{"type":45,"value":5005},"addTo",{"type":39,"tag":158,"props":5007,"children":5008},{"style":1127},[5009],{"type":45,"value":1535},{"type":39,"tag":158,"props":5011,"children":5012},{"style":983},[5013],{"type":45,"value":1561},{"type":39,"tag":158,"props":5015,"children":5016},{"style":1127},[5017],{"type":45,"value":1673},{"type":39,"tag":158,"props":5019,"children":5020},{"style":313},[5021],{"type":45,"value":1011},{"type":39,"tag":158,"props":5023,"children":5024},{"class":160,"line":3175},[5025],{"type":39,"tag":158,"props":5026,"children":5027},{"style":313},[5028],{"type":45,"value":876},{"type":39,"tag":158,"props":5030,"children":5031},{"class":160,"line":3183},[5032],{"type":39,"tag":158,"props":5033,"children":5034},{"emptyLinePlaceholder":1041},[5035],{"type":45,"value":1044},{"type":39,"tag":158,"props":5037,"children":5038},{"class":160,"line":3248},[5039],{"type":39,"tag":158,"props":5040,"children":5041},{"style":1097},[5042],{"type":45,"value":5043},"\u002F\u002F IMPORTANT: highlightListing MUST include scrollIntoView — without it,\n",{"type":39,"tag":158,"props":5045,"children":5046},{"class":160,"line":3297},[5047],{"type":39,"tag":158,"props":5048,"children":5049},{"style":1097},[5050],{"type":45,"value":5051},"\u002F\u002F selecting a marker on the map won't scroll the sidebar to the listing.\n",{"type":39,"tag":158,"props":5053,"children":5054},{"class":160,"line":3313},[5055,5059,5064,5068,5072,5076],{"type":39,"tag":158,"props":5056,"children":5057},{"style":328},[5058],{"type":45,"value":3347},{"type":39,"tag":158,"props":5060,"children":5061},{"style":1527},[5062],{"type":45,"value":5063}," highlightListing",{"type":39,"tag":158,"props":5065,"children":5066},{"style":313},[5067],{"type":45,"value":1535},{"type":39,"tag":158,"props":5069,"children":5070},{"style":2063},[5071],{"type":45,"value":590},{"type":39,"tag":158,"props":5073,"children":5074},{"style":313},[5075],{"type":45,"value":1673},{"type":39,"tag":158,"props":5077,"children":5078},{"style":313},[5079],{"type":45,"value":459},{"type":39,"tag":158,"props":5081,"children":5083},{"class":160,"line":5082},58,[5084],{"type":39,"tag":158,"props":5085,"children":5086},{"style":1097},[5087],{"type":45,"value":5088}," \u002F\u002F Remove existing highlights\n",{"type":39,"tag":158,"props":5090,"children":5092},{"class":160,"line":5091},59,[5093,5097,5102,5106,5110,5114,5118,5122,5126,5131,5135,5139],{"type":39,"tag":158,"props":5094,"children":5095},{"style":328},[5096],{"type":45,"value":3376},{"type":39,"tag":158,"props":5098,"children":5099},{"style":983},[5100],{"type":45,"value":5101}," activeItem",{"type":39,"tag":158,"props":5103,"children":5104},{"style":313},[5105],{"type":45,"value":2858},{"type":39,"tag":158,"props":5107,"children":5108},{"style":983},[5109],{"type":45,"value":3390},{"type":39,"tag":158,"props":5111,"children":5112},{"style":313},[5113],{"type":45,"value":1057},{"type":39,"tag":158,"props":5115,"children":5116},{"style":1527},[5117],{"type":45,"value":4554},{"type":39,"tag":158,"props":5119,"children":5120},{"style":1127},[5121],{"type":45,"value":1535},{"type":39,"tag":158,"props":5123,"children":5124},{"style":313},[5125],{"type":45,"value":1006},{"type":39,"tag":158,"props":5127,"children":5128},{"style":171},[5129],{"type":45,"value":5130},"active",{"type":39,"tag":158,"props":5132,"children":5133},{"style":313},[5134],{"type":45,"value":1006},{"type":39,"tag":158,"props":5136,"children":5137},{"style":1127},[5138],{"type":45,"value":1673},{"type":39,"tag":158,"props":5140,"children":5141},{"style":313},[5142],{"type":45,"value":1011},{"type":39,"tag":158,"props":5144,"children":5146},{"class":160,"line":5145},60,[5147,5151,5155,5160,5164,5168,5172],{"type":39,"tag":158,"props":5148,"children":5149},{"style":977},[5150],{"type":45,"value":4595},{"type":39,"tag":158,"props":5152,"children":5153},{"style":1127},[5154],{"type":45,"value":2060},{"type":39,"tag":158,"props":5156,"children":5157},{"style":983},[5158],{"type":45,"value":5159},"activeItem",{"type":39,"tag":158,"props":5161,"children":5162},{"style":1127},[5163],{"type":45,"value":4609},{"type":39,"tag":158,"props":5165,"children":5166},{"style":471},[5167],{"type":45,"value":2560},{"type":39,"tag":158,"props":5169,"children":5170},{"style":1127},[5171],{"type":45,"value":4618},{"type":39,"tag":158,"props":5173,"children":5174},{"style":313},[5175],{"type":45,"value":316},{"type":39,"tag":158,"props":5177,"children":5179},{"class":160,"line":5178},61,[5180,5185,5189,5193,5197,5201,5206,5210,5214,5218,5222,5226,5230,5234],{"type":39,"tag":158,"props":5181,"children":5182},{"style":983},[5183],{"type":45,"value":5184}," activeItem",{"type":39,"tag":158,"props":5186,"children":5187},{"style":1127},[5188],{"type":45,"value":4609},{"type":39,"tag":158,"props":5190,"children":5191},{"style":471},[5192],{"type":45,"value":2560},{"type":39,"tag":158,"props":5194,"children":5195},{"style":1127},[5196],{"type":45,"value":1637},{"type":39,"tag":158,"props":5198,"children":5199},{"style":313},[5200],{"type":45,"value":1057},{"type":39,"tag":158,"props":5202,"children":5203},{"style":983},[5204],{"type":45,"value":5205},"classList",{"type":39,"tag":158,"props":5207,"children":5208},{"style":313},[5209],{"type":45,"value":1057},{"type":39,"tag":158,"props":5211,"children":5212},{"style":1527},[5213],{"type":45,"value":4643},{"type":39,"tag":158,"props":5215,"children":5216},{"style":1127},[5217],{"type":45,"value":1535},{"type":39,"tag":158,"props":5219,"children":5220},{"style":313},[5221],{"type":45,"value":1006},{"type":39,"tag":158,"props":5223,"children":5224},{"style":171},[5225],{"type":45,"value":5130},{"type":39,"tag":158,"props":5227,"children":5228},{"style":313},[5229],{"type":45,"value":1006},{"type":39,"tag":158,"props":5231,"children":5232},{"style":1127},[5233],{"type":45,"value":1673},{"type":39,"tag":158,"props":5235,"children":5236},{"style":313},[5237],{"type":45,"value":1011},{"type":39,"tag":158,"props":5239,"children":5241},{"class":160,"line":5240},62,[5242],{"type":39,"tag":158,"props":5243,"children":5244},{"style":313},[5245],{"type":45,"value":5246}," }\n",{"type":39,"tag":158,"props":5248,"children":5250},{"class":160,"line":5249},63,[5251],{"type":39,"tag":158,"props":5252,"children":5253},{"emptyLinePlaceholder":1041},[5254],{"type":45,"value":1044},{"type":39,"tag":158,"props":5256,"children":5258},{"class":160,"line":5257},64,[5259],{"type":39,"tag":158,"props":5260,"children":5261},{"style":1097},[5262],{"type":45,"value":5263}," \u002F\u002F Add highlight to selected listing\n",{"type":39,"tag":158,"props":5265,"children":5267},{"class":160,"line":5266},65,[5268,5272,5276,5280,5284,5288,5292,5296,5300,5304,5308,5312,5316,5320],{"type":39,"tag":158,"props":5269,"children":5270},{"style":328},[5271],{"type":45,"value":3376},{"type":39,"tag":158,"props":5273,"children":5274},{"style":983},[5275],{"type":45,"value":3502},{"type":39,"tag":158,"props":5277,"children":5278},{"style":313},[5279],{"type":45,"value":2858},{"type":39,"tag":158,"props":5281,"children":5282},{"style":983},[5283],{"type":45,"value":3390},{"type":39,"tag":158,"props":5285,"children":5286},{"style":313},[5287],{"type":45,"value":1057},{"type":39,"tag":158,"props":5289,"children":5290},{"style":1527},[5291],{"type":45,"value":3399},{"type":39,"tag":158,"props":5293,"children":5294},{"style":1127},[5295],{"type":45,"value":1535},{"type":39,"tag":158,"props":5297,"children":5298},{"style":313},[5299],{"type":45,"value":4975},{"type":39,"tag":158,"props":5301,"children":5302},{"style":171},[5303],{"type":45,"value":3593},{"type":39,"tag":158,"props":5305,"children":5306},{"style":313},[5307],{"type":45,"value":3598},{"type":39,"tag":158,"props":5309,"children":5310},{"style":983},[5311],{"type":45,"value":590},{"type":39,"tag":158,"props":5313,"children":5314},{"style":313},[5315],{"type":45,"value":3623},{"type":39,"tag":158,"props":5317,"children":5318},{"style":1127},[5319],{"type":45,"value":1673},{"type":39,"tag":158,"props":5321,"children":5322},{"style":313},[5323],{"type":45,"value":1011},{"type":39,"tag":158,"props":5325,"children":5327},{"class":160,"line":5326},66,[5328,5333,5337,5341,5345,5350,5354,5358,5362,5366,5370],{"type":39,"tag":158,"props":5329,"children":5330},{"style":983},[5331],{"type":45,"value":5332}," listing",{"type":39,"tag":158,"props":5334,"children":5335},{"style":313},[5336],{"type":45,"value":1057},{"type":39,"tag":158,"props":5338,"children":5339},{"style":983},[5340],{"type":45,"value":5205},{"type":39,"tag":158,"props":5342,"children":5343},{"style":313},[5344],{"type":45,"value":1057},{"type":39,"tag":158,"props":5346,"children":5347},{"style":1527},[5348],{"type":45,"value":5349},"add",{"type":39,"tag":158,"props":5351,"children":5352},{"style":1127},[5353],{"type":45,"value":1535},{"type":39,"tag":158,"props":5355,"children":5356},{"style":313},[5357],{"type":45,"value":1006},{"type":39,"tag":158,"props":5359,"children":5360},{"style":171},[5361],{"type":45,"value":5130},{"type":39,"tag":158,"props":5363,"children":5364},{"style":313},[5365],{"type":45,"value":1006},{"type":39,"tag":158,"props":5367,"children":5368},{"style":1127},[5369],{"type":45,"value":1673},{"type":39,"tag":158,"props":5371,"children":5372},{"style":313},[5373],{"type":45,"value":1011},{"type":39,"tag":158,"props":5375,"children":5377},{"class":160,"line":5376},67,[5378],{"type":39,"tag":158,"props":5379,"children":5380},{"emptyLinePlaceholder":1041},[5381],{"type":45,"value":1044},{"type":39,"tag":158,"props":5383,"children":5385},{"class":160,"line":5384},68,[5386],{"type":39,"tag":158,"props":5387,"children":5388},{"style":1097},[5389],{"type":45,"value":5390}," \u002F\u002F Scroll the selected listing into view (critical UX requirement)\n",{"type":39,"tag":158,"props":5392,"children":5393},{"class":160,"line":23},[5394,5398,5402,5407,5411,5415,5420,5424,5428,5433,5437,5441,5446,5450,5454,5459,5463,5467,5471],{"type":39,"tag":158,"props":5395,"children":5396},{"style":983},[5397],{"type":45,"value":5332},{"type":39,"tag":158,"props":5399,"children":5400},{"style":313},[5401],{"type":45,"value":1057},{"type":39,"tag":158,"props":5403,"children":5404},{"style":1527},[5405],{"type":45,"value":5406},"scrollIntoView",{"type":39,"tag":158,"props":5408,"children":5409},{"style":1127},[5410],{"type":45,"value":1535},{"type":39,"tag":158,"props":5412,"children":5413},{"style":313},[5414],{"type":45,"value":4688},{"type":39,"tag":158,"props":5416,"children":5417},{"style":1127},[5418],{"type":45,"value":5419}," behavior",{"type":39,"tag":158,"props":5421,"children":5422},{"style":313},[5423],{"type":45,"value":341},{"type":39,"tag":158,"props":5425,"children":5426},{"style":313},[5427],{"type":45,"value":996},{"type":39,"tag":158,"props":5429,"children":5430},{"style":171},[5431],{"type":45,"value":5432},"smooth",{"type":39,"tag":158,"props":5434,"children":5435},{"style":313},[5436],{"type":45,"value":1006},{"type":39,"tag":158,"props":5438,"children":5439},{"style":313},[5440],{"type":45,"value":534},{"type":39,"tag":158,"props":5442,"children":5443},{"style":1127},[5444],{"type":45,"value":5445}," block",{"type":39,"tag":158,"props":5447,"children":5448},{"style":313},[5449],{"type":45,"value":341},{"type":39,"tag":158,"props":5451,"children":5452},{"style":313},[5453],{"type":45,"value":996},{"type":39,"tag":158,"props":5455,"children":5456},{"style":171},[5457],{"type":45,"value":5458},"nearest",{"type":39,"tag":158,"props":5460,"children":5461},{"style":313},[5462],{"type":45,"value":1006},{"type":39,"tag":158,"props":5464,"children":5465},{"style":313},[5466],{"type":45,"value":4706},{"type":39,"tag":158,"props":5468,"children":5469},{"style":1127},[5470],{"type":45,"value":1673},{"type":39,"tag":158,"props":5472,"children":5473},{"style":313},[5474],{"type":45,"value":1011},{"type":39,"tag":158,"props":5476,"children":5478},{"class":160,"line":5477},70,[5479],{"type":39,"tag":158,"props":5480,"children":5481},{"style":313},[5482],{"type":45,"value":876},{"type":39,"tag":158,"props":5484,"children":5486},{"class":160,"line":5485},71,[5487],{"type":39,"tag":158,"props":5488,"children":5489},{"emptyLinePlaceholder":1041},[5490],{"type":45,"value":1044},{"type":39,"tag":158,"props":5492,"children":5494},{"class":160,"line":5493},72,[5495],{"type":39,"tag":158,"props":5496,"children":5497},{"style":1097},[5498],{"type":45,"value":5499},"\u002F\u002F Build the list on load\n",{"type":39,"tag":158,"props":5501,"children":5503},{"class":160,"line":5502},73,[5504,5508,5512,5516,5520,5524,5528,5532,5536,5540,5544],{"type":39,"tag":158,"props":5505,"children":5506},{"style":983},[5507],{"type":45,"value":1561},{"type":39,"tag":158,"props":5509,"children":5510},{"style":313},[5511],{"type":45,"value":1057},{"type":39,"tag":158,"props":5513,"children":5514},{"style":1527},[5515],{"type":45,"value":1856},{"type":39,"tag":158,"props":5517,"children":5518},{"style":983},[5519],{"type":45,"value":1535},{"type":39,"tag":158,"props":5521,"children":5522},{"style":313},[5523],{"type":45,"value":1006},{"type":39,"tag":158,"props":5525,"children":5526},{"style":171},[5527],{"type":45,"value":1869},{"type":39,"tag":158,"props":5529,"children":5530},{"style":313},[5531],{"type":45,"value":1006},{"type":39,"tag":158,"props":5533,"children":5534},{"style":313},[5535],{"type":45,"value":534},{"type":39,"tag":158,"props":5537,"children":5538},{"style":313},[5539],{"type":45,"value":1882},{"type":39,"tag":158,"props":5541,"children":5542},{"style":328},[5543],{"type":45,"value":1887},{"type":39,"tag":158,"props":5545,"children":5546},{"style":313},[5547],{"type":45,"value":459},{"type":39,"tag":158,"props":5549,"children":5551},{"class":160,"line":5550},74,[5552,5557,5561,5565,5569],{"type":39,"tag":158,"props":5553,"children":5554},{"style":1527},[5555],{"type":45,"value":5556}," buildLocationList",{"type":39,"tag":158,"props":5558,"children":5559},{"style":1127},[5560],{"type":45,"value":1535},{"type":39,"tag":158,"props":5562,"children":5563},{"style":983},[5564],{"type":45,"value":1929},{"type":39,"tag":158,"props":5566,"children":5567},{"style":1127},[5568],{"type":45,"value":1673},{"type":39,"tag":158,"props":5570,"children":5571},{"style":313},[5572],{"type":45,"value":1011},{"type":39,"tag":158,"props":5574,"children":5576},{"class":160,"line":5575},75,[5577,5581,5585],{"type":39,"tag":158,"props":5578,"children":5579},{"style":313},[5580],{"type":45,"value":1668},{"type":39,"tag":158,"props":5582,"children":5583},{"style":983},[5584],{"type":45,"value":1673},{"type":39,"tag":158,"props":5586,"children":5587},{"style":313},[5588],{"type":45,"value":1011},{"type":39,"tag":54,"props":5590,"children":5592},{"id":5591},"reference-files",[5593],{"type":45,"value":5594},"Reference Files",{"type":39,"tag":48,"props":5596,"children":5597},{},[5598],{"type":45,"value":5599},"Load these references for additional patterns as needed:",{"type":39,"tag":1693,"props":5601,"children":5602},{},[5603,5624],{"type":39,"tag":1697,"props":5604,"children":5605},{},[5606],{"type":39,"tag":1701,"props":5607,"children":5608},{},[5609,5614,5619],{"type":39,"tag":1705,"props":5610,"children":5611},{},[5612],{"type":45,"value":5613},"Reference",{"type":39,"tag":1705,"props":5615,"children":5616},{},[5617],{"type":45,"value":5618},"File",{"type":39,"tag":1705,"props":5620,"children":5621},{},[5622],{"type":45,"value":5623},"Contents",{"type":39,"tag":1721,"props":5625,"children":5626},{},[5627,5648,5670,5692,5714,5736],{"type":39,"tag":1701,"props":5628,"children":5629},{},[5630,5635,5643],{"type":39,"tag":1728,"props":5631,"children":5632},{},[5633],{"type":45,"value":5634},"HTML Markers & Clustering",{"type":39,"tag":1728,"props":5636,"children":5637},{},[5638],{"type":39,"tag":154,"props":5639,"children":5641},{"className":5640},[],[5642],{"type":45,"value":1832},{"type":39,"tag":1728,"props":5644,"children":5645},{},[5646],{"type":45,"value":5647},"HTML Markers (\u003C 100 locations), Clustering (> 1000 locations)",{"type":39,"tag":1701,"props":5649,"children":5650},{},[5651,5656,5665],{"type":39,"tag":1728,"props":5652,"children":5653},{},[5654],{"type":45,"value":5655},"Search & Filter",{"type":39,"tag":1728,"props":5657,"children":5658},{},[5659],{"type":39,"tag":154,"props":5660,"children":5662},{"className":5661},[],[5663],{"type":45,"value":5664},"references\u002Fsearch-filter.md",{"type":39,"tag":1728,"props":5666,"children":5667},{},[5668],{"type":45,"value":5669},"Text search, category filter",{"type":39,"tag":1701,"props":5671,"children":5672},{},[5673,5678,5687],{"type":39,"tag":1728,"props":5674,"children":5675},{},[5676],{"type":45,"value":5677},"Geolocation & Directions",{"type":39,"tag":1728,"props":5679,"children":5680},{},[5681],{"type":39,"tag":154,"props":5682,"children":5684},{"className":5683},[],[5685],{"type":45,"value":5686},"references\u002Fgeolocation-directions.md",{"type":39,"tag":1728,"props":5688,"children":5689},{},[5690],{"type":45,"value":5691},"User location, distance calculation, route directions",{"type":39,"tag":1701,"props":5693,"children":5694},{},[5695,5700,5709],{"type":39,"tag":1728,"props":5696,"children":5697},{},[5698],{"type":45,"value":5699},"Styling & Layout",{"type":39,"tag":1728,"props":5701,"children":5702},{},[5703],{"type":39,"tag":154,"props":5704,"children":5706},{"className":5705},[],[5707],{"type":45,"value":5708},"references\u002Fstyling-layout.md",{"type":39,"tag":1728,"props":5710,"children":5711},{},[5712],{"type":45,"value":5713},"Full HTML\u002FCSS layout, custom marker CSS",{"type":39,"tag":1701,"props":5715,"children":5716},{},[5717,5722,5731],{"type":39,"tag":1728,"props":5718,"children":5719},{},[5720],{"type":45,"value":5721},"Performance & A11y",{"type":39,"tag":1728,"props":5723,"children":5724},{},[5725],{"type":39,"tag":154,"props":5726,"children":5728},{"className":5727},[],[5729],{"type":45,"value":5730},"references\u002Foptimization-a11y.md",{"type":39,"tag":1728,"props":5732,"children":5733},{},[5734],{"type":45,"value":5735},"Debounced search, data management, error handling, accessibility",{"type":39,"tag":1701,"props":5737,"children":5738},{},[5739,5744,5753],{"type":39,"tag":1728,"props":5740,"children":5741},{},[5742],{"type":45,"value":5743},"Variations & React",{"type":39,"tag":1728,"props":5745,"children":5746},{},[5747],{"type":39,"tag":154,"props":5748,"children":5750},{"className":5749},[],[5751],{"type":45,"value":5752},"references\u002Fvariations-react.md",{"type":39,"tag":1728,"props":5754,"children":5755},{},[5756],{"type":45,"value":5757},"Mobile-first, fullscreen, map-only, React implementation",{"type":39,"tag":54,"props":5759,"children":5761},{"id":5760},"resources",[5762],{"type":45,"value":5763},"Resources",{"type":39,"tag":66,"props":5765,"children":5766},{},[5767,5778,5788,5798,5808,5818],{"type":39,"tag":70,"props":5768,"children":5769},{},[5770,5776],{"type":39,"tag":127,"props":5771,"children":5773},{"href":129,"rel":5772},[131],[5774],{"type":45,"value":5775},"Turf.js",{"type":45,"value":5777}," - Spatial analysis library (recommended for distance calculations)",{"type":39,"tag":70,"props":5779,"children":5780},{},[5781],{"type":39,"tag":127,"props":5782,"children":5785},{"href":5783,"rel":5784},"https:\u002F\u002Fdocs.mapbox.com\u002Fmapbox-gl-js\u002F",[131],[5786],{"type":45,"value":5787},"Mapbox GL JS API",{"type":39,"tag":70,"props":5789,"children":5790},{},[5791],{"type":39,"tag":127,"props":5792,"children":5795},{"href":5793,"rel":5794},"https:\u002F\u002Fdocs.mapbox.com\u002Fmapbox-gl-js\u002Fguides\u002Fuser-interactions\u002Finteractions\u002F",[131],[5796],{"type":45,"value":5797},"Interactions API Guide",{"type":39,"tag":70,"props":5799,"children":5800},{},[5801],{"type":39,"tag":127,"props":5802,"children":5805},{"href":5803,"rel":5804},"https:\u002F\u002Fgeojson.org\u002F",[131],[5806],{"type":45,"value":5807},"GeoJSON Specification",{"type":39,"tag":70,"props":5809,"children":5810},{},[5811],{"type":39,"tag":127,"props":5812,"children":5815},{"href":5813,"rel":5814},"https:\u002F\u002Fdocs.mapbox.com\u002Fapi\u002Fnavigation\u002Fdirections\u002F",[131],[5816],{"type":45,"value":5817},"Directions API",{"type":39,"tag":70,"props":5819,"children":5820},{},[5821],{"type":39,"tag":127,"props":5822,"children":5825},{"href":5823,"rel":5824},"https:\u002F\u002Fdocs.mapbox.com\u002Fhelp\u002Ftutorials\u002Fbuilding-a-store-locator\u002F",[131],[5826],{"type":45,"value":5827},"Store Locator Tutorial",{"type":39,"tag":3126,"props":5829,"children":5830},{},[5831],{"type":45,"value":5832},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":5834,"total":852},[5835,5849,5866,5881,5903,5914,5926,5939,5953,5966,5981,5993],{"slug":5836,"name":5836,"fn":5837,"description":5838,"org":5839,"tags":5840,"stars":23,"repoUrl":24,"updatedAt":5848},"mapbox-android-patterns","integrate Mapbox Maps SDK on Android","Official integration patterns for Mapbox Maps SDK on Android. Covers installation, adding markers, user location, custom data, styles, camera control, and featureset interactions. Based on official Mapbox documentation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5841,5844,5845],{"name":5842,"slug":5843,"type":13},"Android","android",{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},"Mobile","mobile","2026-07-30T05:30:51.739352",{"slug":5850,"name":5850,"fn":5851,"description":5852,"org":5853,"tags":5854,"stars":23,"repoUrl":24,"updatedAt":5865},"mapbox-cartography","apply cartographic design principles to Mapbox","Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5855,5858,5861,5862],{"name":5856,"slug":5857,"type":13},"Branding","branding",{"name":5859,"slug":5860,"type":13},"Design","design",{"name":9,"slug":8,"type":13},{"name":5863,"slug":5864,"type":13},"Typography","typography","2026-04-06T18:28:41.2556",{"slug":5867,"name":5867,"fn":5868,"description":5869,"org":5870,"tags":5871,"stars":23,"repoUrl":24,"updatedAt":5880},"mapbox-data-visualization-patterns","implement Mapbox data visualization patterns","Patterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data. Covers layer types, color scales, and performance optimization.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5872,5875,5876,5877],{"name":5873,"slug":5874,"type":13},"Data Visualization","data-visualization",{"name":5859,"slug":5860,"type":13},{"name":9,"slug":8,"type":13},{"name":5878,"slug":5879,"type":13},"Performance","performance","2026-04-06T18:29:02.907655",{"slug":5882,"name":5882,"fn":5883,"description":5884,"org":5885,"tags":5886,"stars":23,"repoUrl":24,"updatedAt":5902},"mapbox-flutter-patterns","integrate Mapbox maps into Flutter applications","Official integration patterns for the Mapbox Maps Flutter SDK. Covers installation, iOS\u002FAndroid platform setup, access token configuration, MapWidget initialization, camera control, annotations with tap handling, user location, and loading GeoJSON. Based on official Mapbox documentation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5887,5888,5891,5894,5897,5898,5899],{"name":5842,"slug":5843,"type":13},{"name":5889,"slug":5890,"type":13},"Dart","dart",{"name":5892,"slug":5893,"type":13},"Flutter","flutter",{"name":5895,"slug":5896,"type":13},"iOS","ios",{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},{"name":5900,"slug":5901,"type":13},"SDK","sdk","2026-05-12T06:03:11.211517",{"slug":5904,"name":5904,"fn":5905,"description":5906,"org":5907,"tags":5908,"stars":23,"repoUrl":24,"updatedAt":5913},"mapbox-geospatial-operations","select geospatial tools for Mapbox operations","Expert guidance on choosing the right geospatial tool based on problem type, accuracy requirements, and performance needs",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5909,5910,5911],{"name":9,"slug":8,"type":13},{"name":5878,"slug":5879,"type":13},{"name":1714,"slug":5912,"type":13},"strategy","2026-07-30T05:30:52.766227",{"slug":5915,"name":5915,"fn":5916,"description":5917,"org":5918,"tags":5919,"stars":23,"repoUrl":24,"updatedAt":5925},"mapbox-google-maps-migration","migrate from Google Maps to Mapbox","Migration guide for developers moving from Google Maps Platform to Mapbox GL JS, covering API equivalents, pattern translations, and key differences",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5920,5921,5924],{"name":9,"slug":8,"type":13},{"name":5922,"slug":5923,"type":13},"Migration","migration",{"name":15,"slug":16,"type":13},"2026-04-06T18:28:56.459496",{"slug":5927,"name":5927,"fn":5928,"description":5929,"org":5930,"tags":5931,"stars":23,"repoUrl":24,"updatedAt":5938},"mapbox-ios-patterns","integrate Mapbox Maps SDK on iOS","Official integration patterns for Mapbox Maps SDK on iOS. Covers installation, adding markers, user location, custom data, styles, camera control, and featureset interactions. Based on official Mapbox documentation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5932,5933,5934,5935],{"name":5895,"slug":5896,"type":13},{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},{"name":5936,"slug":5937,"type":13},"Swift","swift","2026-07-30T05:30:54.75526",{"slug":5940,"name":5940,"fn":5941,"description":5942,"org":5943,"tags":5944,"stars":23,"repoUrl":24,"updatedAt":5952},"mapbox-location-grounding","generate grounded location-aware responses with Mapbox","Compose Mapbox MCP tools to produce grounded, cited location-aware responses from live data instead of training data",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5945,5948,5949],{"name":5946,"slug":5947,"type":13},"Data Quality","data-quality",{"name":9,"slug":8,"type":13},{"name":5950,"slug":5951,"type":13},"MCP","mcp","2026-04-15T05:01:44.248764",{"slug":5954,"name":5954,"fn":5955,"description":5956,"org":5957,"tags":5958,"stars":23,"repoUrl":24,"updatedAt":5965},"mapbox-maplibre-migration","migrate from MapLibre to Mapbox","Guide for migrating from MapLibre GL JS to Mapbox GL JS, covering API compatibility, token setup, style configuration, and the benefits of Mapbox's official support and ecosystem",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5959,5962,5963,5964],{"name":5960,"slug":5961,"type":13},"Engineering","engineering",{"name":9,"slug":8,"type":13},{"name":5922,"slug":5923,"type":13},{"name":15,"slug":16,"type":13},"2026-04-06T18:28:51.531856",{"slug":5967,"name":5967,"fn":5968,"description":5969,"org":5970,"tags":5971,"stars":23,"repoUrl":24,"updatedAt":5980},"mapbox-mcp-devkit-patterns","integrate Mapbox MCP DevKit in coding assistants","Integration patterns for Mapbox MCP DevKit Server in AI coding assistants. Covers setup, style management, token management, validation workflows, and documentation access through MCP. Use when building Mapbox applications with AI coding assistance.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5972,5975,5978,5979],{"name":5973,"slug":5974,"type":13},"Documentation","documentation",{"name":5976,"slug":5977,"type":13},"Local Development","local-development",{"name":9,"slug":8,"type":13},{"name":5950,"slug":5951,"type":13},"2026-04-06T18:28:53.790961",{"slug":5982,"name":5982,"fn":5983,"description":5984,"org":5985,"tags":5986,"stars":23,"repoUrl":24,"updatedAt":5992},"mapbox-mcp-runtime-patterns","integrate Mapbox MCP Server in AI apps","Integration patterns for Mapbox MCP Server in AI applications and agent frameworks. Covers runtime integration with pydantic-ai, mastra, LangChain, and custom agents. Use when building AI-powered applications that need geospatial capabilities.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5987,5990,5991],{"name":5988,"slug":5989,"type":13},"Architecture","architecture",{"name":9,"slug":8,"type":13},{"name":5950,"slug":5951,"type":13},"2026-04-06T18:28:55.164842",{"slug":5994,"name":5994,"fn":5995,"description":5996,"org":5997,"tags":5998,"stars":23,"repoUrl":24,"updatedAt":6004},"mapbox-search-integration","implement Mapbox search in applications","Complete workflow for implementing Mapbox search in applications - from discovery questions to production-ready integration with best practices",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[5999,6002,6003],{"name":6000,"slug":6001,"type":13},"API Development","api-development",{"name":9,"slug":8,"type":13},{"name":18,"slug":19,"type":13},"2026-04-06T18:28:50.264933",{"items":6006,"total":852},[6007,6013,6020,6027,6037,6043,6049],{"slug":5836,"name":5836,"fn":5837,"description":5838,"org":6008,"tags":6009,"stars":23,"repoUrl":24,"updatedAt":5848},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6010,6011,6012],{"name":5842,"slug":5843,"type":13},{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},{"slug":5850,"name":5850,"fn":5851,"description":5852,"org":6014,"tags":6015,"stars":23,"repoUrl":24,"updatedAt":5865},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6016,6017,6018,6019],{"name":5856,"slug":5857,"type":13},{"name":5859,"slug":5860,"type":13},{"name":9,"slug":8,"type":13},{"name":5863,"slug":5864,"type":13},{"slug":5867,"name":5867,"fn":5868,"description":5869,"org":6021,"tags":6022,"stars":23,"repoUrl":24,"updatedAt":5880},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6023,6024,6025,6026],{"name":5873,"slug":5874,"type":13},{"name":5859,"slug":5860,"type":13},{"name":9,"slug":8,"type":13},{"name":5878,"slug":5879,"type":13},{"slug":5882,"name":5882,"fn":5883,"description":5884,"org":6028,"tags":6029,"stars":23,"repoUrl":24,"updatedAt":5902},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6030,6031,6032,6033,6034,6035,6036],{"name":5842,"slug":5843,"type":13},{"name":5889,"slug":5890,"type":13},{"name":5892,"slug":5893,"type":13},{"name":5895,"slug":5896,"type":13},{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},{"name":5900,"slug":5901,"type":13},{"slug":5904,"name":5904,"fn":5905,"description":5906,"org":6038,"tags":6039,"stars":23,"repoUrl":24,"updatedAt":5913},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6040,6041,6042],{"name":9,"slug":8,"type":13},{"name":5878,"slug":5879,"type":13},{"name":1714,"slug":5912,"type":13},{"slug":5915,"name":5915,"fn":5916,"description":5917,"org":6044,"tags":6045,"stars":23,"repoUrl":24,"updatedAt":5925},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6046,6047,6048],{"name":9,"slug":8,"type":13},{"name":5922,"slug":5923,"type":13},{"name":15,"slug":16,"type":13},{"slug":5927,"name":5927,"fn":5928,"description":5929,"org":6050,"tags":6051,"stars":23,"repoUrl":24,"updatedAt":5938},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[6052,6053,6054,6055],{"name":5895,"slug":5896,"type":13},{"name":9,"slug":8,"type":13},{"name":5846,"slug":5847,"type":13},{"name":5936,"slug":5937,"type":13}]