Unable to display interactive map. Your browser does not support Mapbox GL.
Explore Turtle Bay
Stroll the property in any direction and you’re bound to discover an unforgettable local arts, dining, or cultural experience
Category Filter
- View All Categories
- Accommodations
- Dining
- Experiences
- Map Center
- Shopping
- Wellness
`); // Add marker to map var marker1 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.00821508927,21.697678435344]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker1); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-2'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99761201506,21.706379471987], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Kuilima Cove
Teeming with vibrant marine life, this protected cove is popular for swimming and snorkeling. Located just steps from the main resort building.
`); // Add marker to map var marker2 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99761201506,21.706379471987]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker2); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-3'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99557062433,21.704204172712], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Trails East
Twist and turn through lush forests, cruise through gigantic banyan trees or test your mettle on the beach.
More Details
`); // Add marker to map var marker3 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99557062433,21.704204172712]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker3); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-4'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.00927318748,21.697678435344], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Shaka Kayaks
Glide across the calm waters of Kawela Bay and spot honu with a kayaking tour. Tours available daily.
Reserve Online
`); // Add marker to map var marker4 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.00927318748,21.697678435344]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker4); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-5'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99753453715,21.702938886795], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Tennis & Pickleball Courts
Play a friendly game on one of our tennis and pickleball courts.
More Details
`); // Add marker to map var marker5 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99753453715,21.702938886795]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker5); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-6'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.998655,21.703728], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Jamie O'Brien Surf Experience
This premier surf school offers private and group lessons, including surfing, stand-up paddle boarding, and SUP Squatch experiences.
Reserve Online
`); // Add marker to map var marker6 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.998655,21.703728]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker6); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-7'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.76551738599,21.554141792662], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Kawela Bay Pillbox
Take a leisurely hike or bike ride to this historic WWII-era structure. Overlooking Kawela Bay and Waikalae, it offered a strategic vantage point for the U.S. military when it was built to 1941.
`); // Add marker to map var marker7 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.76551738599,21.554141792662]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker7); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-8'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.98423531752,21.711290814565], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Kahuku Point
Head east on foot or bicycle to the northernmost point of the island. This undeveloped coastline features tide pools, native wildlife, and coastal vegetation.
`); // Add marker to map var marker8 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.98423531752,21.711290814565]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker8); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-9'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.995846,21.705776], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
King's Walk
This beachside trail covers the full distance of the shoreline, from Kuilima Cove to Kahuku Point.
`); // Add marker to map var marker9 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.995846,21.705776]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker9); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-10'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99659942449,21.702587333369], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Trails West
Twist and turn through lush forests, cruise through gigantic banyan trees or test your mettle on the beach.
More Details
`); // Add marker to map var marker10 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99659942449,21.702587333369]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker10); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-11'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.00076335361,21.699426448778], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
The Stables
Say howdy to our four-legged friends and go horseback riding through nature paths and beachside trails.
More Details
`); // Add marker to map var marker11 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.00076335361,21.699426448778]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker11); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-12'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.00035510633,21.702241137049], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Turtle Bay (body of water)
The resort\'s namesake beach is a popular surf break for locals and newcomers. While the waves further out challenge intermediate level surfers, the protected inside reef break is perfect for beginners on a surf lesson.
`); // Add marker to map var marker12 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.00035510633,21.702241137049]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker12); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-13'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.008461,21.696012], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Banyan Tree
The majestic tree is a sight to see with its amazing expanse of multiple trunks and vines. It\'s also been the backdrop for many movie scenes and TV shows, including LOST and Pirates of the Caribbean.
`); // Add marker to map var marker13 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.008461,21.696012]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker13); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-14'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.006768,21.695244], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Kuilima Farm
Nestled between Kahuku’sMauka(mountains) andMakai(ocean), our 468-acre farm is home to bountiful ecosystems that connect land and sea. Take a tour, taste fresh picked produce, and meet local farmers.
More Details
`); // Add marker to map var marker14 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.006768,21.695244]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker14); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-15'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.995683,21.701585], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Lei Lei's
Overlooking the Fazio Golf Course, this casual eatery serves up local comfort food. Open for breakfast, lunch, and dinner.
More Details
`); // Add marker to map var marker15 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.995683,21.701585]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker15); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-16'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.996785,21.704804], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Beach House by Roy Yamaguchi
Enjoy beachside dining with signature dishes by Chef Roy Yamaguchi. Open for lunch and dinner.
More Details
`); // Add marker to map var marker16 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.996785,21.704804]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker16); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-17'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.9990797848,21.705028961572], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Alaia
Savor farm-fresh cuisine and oceanfront views from our signature restaurant. Open for breakfast and dinner.
More Details
`); // Add marker to map var marker17 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.9990797848,21.705028961572]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker17); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-18'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99852368669,21.704910254278], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Off The Lip
Sip on deliciously fresh co*cktails and savory bites along with live music and spectacular views of sunset. Located in the lobby.
More Details
`); // Add marker to map var marker18 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99852368669,21.704910254278]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker18); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-19'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99616008547,21.702046014134], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Golf Shop
Meet with a pro, rent clubs, book a tee time, and browse through the latest in golf apparel.
More Details
`); // Add marker to map var marker19 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99616008547,21.702046014134]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker19); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-20'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.9973630812,21.699932018772], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Fazio Golf Course
Temporarily Closed
This 18-hole championship course, designed by George Fazio is a quintessential course for golf enthusiasts.
More Details
`); // Add marker to map var marker20 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.9973630812,21.699932018772]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker20); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-21'; marker_element.className += ' c-interactive-map__category-experiences'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.36801\u002013.7145C5.22572\u002013.1651\u00205.14258\u002012.5934\u00205.14258\u002012.0002C5.14258\u00208.21935\u00208.21886\u00205.14307\u002011.9997\u00205.14307C15.7806\u00205.14307\u002018.8569\u00208.21935\u002018.8569\u002012.0002C18.8569\u002012.5934\u002018.7737\u002013.1651\u002018.6314\u002013.7145H5.36801Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M24.0008\u002012.0002C24.0008\u002012.4734\u002023.6177\u002012.8574\u002023.1437\u002012.8574H21.4294C20.9554\u002012.8574\u002020.5723\u002012.4734\u002020.5723\u002012.0002C20.5723\u002011.5271\u002020.9554\u002011.1431\u002021.4294\u002011.1431H23.1437C23.6177\u002011.1431\u002024.0008\u002011.5271\u002024.0008\u002012.0002Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.57143\u002012.8574H0.857143C0.383143\u002012.8574\u00200\u002012.4734\u00200\u002012.0002C0\u002011.5271\u00200.383143\u002011.1431\u00200.857143\u002011.1431H2.57143C3.04543\u002011.1431\u00203.42857\u002011.5271\u00203.42857\u002012.0002C3.42857\u002012.4734\u00203.04543\u002012.8574\u00202.57143\u002012.8574Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9997\u00203.42857C11.5257\u00203.42857\u002011.1426\u00203.04457\u002011.1426\u00202.57143V0.857143C11.1426\u00200.384\u002011.5257\u00200\u002011.9997\u00200C12.4737\u00200\u002012.8569\u00200.384\u002012.8569\u00200.857143V2.57143C12.8569\u00203.04457\u002012.4737\u00203.42857\u002011.9997\u00203.42857Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M3.51503\u00204.72703C3.17989\u00204.39189\u00203.17989\u00203.85017\u00203.51503\u00203.51503C3.85017\u00203.17989\u00204.39189\u00203.17989\u00204.72703\u00203.51503L5.74874\u00204.53674C6.08389\u00204.87189\u00206.08389\u00205.4136\u00205.74874\u00205.74874C5.4136\u00206.08389\u00204.87189\u00206.08389\u00204.53674\u00205.74874L3.51503\u00204.72703Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.2514\u00205.74874C17.9162\u00205.4136\u002017.9162\u00204.87189\u002018.2514\u00204.53674L19.2731\u00203.51503C19.6082\u00203.17989\u002020.1499\u00203.17989\u002020.4851\u00203.51503C20.8202\u00203.85017\u002020.8202\u00204.39189\u002020.4851\u00204.72703L19.4634\u00205.74874C19.1282\u00206.08389\u002018.5865\u00206.08389\u002018.2514\u00205.74874Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M21.0008\u002017.143H3.00084C2.76427\u002017.143\u00202.57227\u002016.951\u00202.57227\u002016.7144V15.8573C2.57227\u002015.6207\u00202.76427\u002015.4287\u00203.00084\u002015.4287H21.0008C21.2374\u002015.4287\u002021.4294\u002015.6207\u002021.4294\u002015.8573V16.7144C21.4294\u002016.951\u002021.2374\u002017.143\u002021.0008\u002017.143Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M18.4283\u002020.5712H5.57115C5.33458\u002020.5712\u00205.14258\u002020.3792\u00205.14258\u002020.1426V19.2855C5.14258\u002019.0489\u00205.33458\u002018.8569\u00205.57115\u002018.8569H18.4283C18.6649\u002018.8569\u002018.8569\u002019.0489\u002018.8569\u002019.2855V20.1426C18.8569\u002020.3792\u002018.6649\u002020.5712\u002018.4283\u002020.5712Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M15.0008\u002023.9999H9.00084C8.76427\u002023.9999\u00208.57227\u002023.8079\u00208.57227\u002023.5714V22.7142C8.57227\u002022.4776\u00208.76427\u002022.2856\u00209.00084\u002022.2856H15.0008C15.2374\u002022.2856\u002015.4294\u002022.4776\u002015.4294\u002022.7142V23.5714C15.4294\u002023.8079\u002015.2374\u002023.9999\u002015.0008\u002023.9999Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.98701884729,21.704338125807], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Palmer Golf Course
This championship golf course is one of the best on Oʻahu. A must for avid golfers, especially those who crave a challenge.
More Details
`); // Add marker to map var marker21 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.98701884729,21.704338125807]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker21); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-22'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99917503225,21.704768394521], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Sunset Pool Bar
This poolside bar serves up refreshing food and drinks with sweeping views of our famed surf breaks. Open for lunch and dinner.
More Details
`); // Add marker to map var marker22 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99917503225,21.704768394521]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker22); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-23'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99837045165,21.705201275586], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Ho'olana
This welcoming caféserves fresh brewed coffee, beverages, pastries, and on-the-go snacks. Located lobby level.
More Details
`); // Add marker to map var marker23 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99837045165,21.705201275586]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker23); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-24'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.999553,21.705621], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Ocean Club Lounge
Exclusively for guests staying in an Ocean Club guest room, suite, or bungalow, the private lounge offers all-day dining and dedicated concierge services. Located lobby level.
More Details
`); // Add marker to map var marker24 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.999553,21.705621]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker24); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-25'; marker_element.className += ' c-interactive-map__category-accommodations'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.28571\u00200C1.02514\u00200\u00200\u00201.02856\u00200\u00202.29333V13.76C0\u002015.0248\u00201.02514\u002016.0533\u00202.28571\u002016.0533H17.1429C18.4034\u002016.0533\u002019.4286\u002015.0248\u002019.4286\u002013.76V2.29333C19.4286\u00201.02856\u002018.4034\u00200\u002017.1429\u00200H2.28571ZM21.7143\u00204.58667V18.3467H4.57143V20.64H21.7143C22.9635\u002020.64\u002024\u002019.6\u002024\u002018.3467V4.58667H21.7143ZM12.7366\u00206.86656L17.7924\u002013.76H1.63616L5.64063\u00208.63807L8.62947\u002012.2483L12.7366\u00206.86656Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99822968047,21.70325963519], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Ocean Bungalows
Tucked away from the main resort, The Ocean Bungalows is a private oasis offering personalized concierge services, exclusive amenities, and access to an adult-only pool.
More Details
`); // Add marker to map var marker25 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99822968047,21.70325963519]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker25); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-26'; marker_element.className += ' c-interactive-map__category-accommodations'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M2.28571\u00200C1.02514\u00200\u00200\u00201.02856\u00200\u00202.29333V13.76C0\u002015.0248\u00201.02514\u002016.0533\u00202.28571\u002016.0533H17.1429C18.4034\u002016.0533\u002019.4286\u002015.0248\u002019.4286\u002013.76V2.29333C19.4286\u00201.02856\u002018.4034\u00200\u002017.1429\u00200H2.28571ZM21.7143\u00204.58667V18.3467H4.57143V20.64H21.7143C22.9635\u002020.64\u002024\u002019.6\u002024\u002018.3467V4.58667H21.7143ZM12.7366\u00206.86656L17.7924\u002013.76H1.63616L5.64063\u00208.63807L8.62947\u002012.2483L12.7366\u00206.86656Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99799212151,21.705364921867], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Guest Rooms & Suites
Every guest room and suite in the main resort building offers inspiring views of the ocean and natural landscape.
More Details
`); // Add marker to map var marker26 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99799212151,21.705364921867]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker26); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-27'; marker_element.className += ' c-interactive-map__category-wellness'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002215\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002015\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9999\u00200C11.9999\u00200\u00208.68945\u00202.87577\u00208.68945\u00206.42318C8.68945\u00209.9706\u002011.9999\u002012.8464\u002011.9999\u002012.8464C11.9999\u002012.8464\u002015.3104\u00209.9706\u002015.3104\u00206.42318C15.3104\u00202.87577\u002011.9999\u00200\u002011.9999\u00200Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M9.20777\u002011.808C8.66186\u002011.0413\u00208.22433\u002010.2546\u00207.90736\u00209.46966C7.49379\u00208.44558\u00207.28407\u00207.42053\u00207.28407\u00206.42294C7.28407\u00205.42534\u00207.49379\u00204.4003\u00207.90736\u00203.37621C7.91477\u00203.35789\u00207.92255\u00203.33958\u00207.93005\u00203.32131C6.21372\u00202.5741\u00204.60914\u00202.4458\u00204.60914\u00202.4458C4.60914\u00202.4458\u00203.58371\u00206.75639\u00205.62483\u00209.62838C6.6484\u002011.0686\u00208.24852\u002011.8734\u00209.58971\u002012.318C9.4638\u002012.1577\u00209.33569\u002011.9877\u00209.20777\u002011.808Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M9.14147\u002013.6786C8.25834\u002013.3847\u00207.45148\u002013.0098\u00206.74325\u002012.5642C5.8192\u002011.9828\u00205.05959\u002011.2785\u00204.48561\u002010.4709C3.91205\u00209.66378\u00203.49219\u00208.70913\u00203.23775\u00207.6333C1.39402\u00208.06685\u00200\u00208.95316\u00200\u00208.95316C0\u00208.95316\u00201.683\u002013.0431\u00204.99669\u002014.1182C6.66937\u002014.6609\u00208.43755\u002014.3316\u00209.77887\u002013.8725C9.57408\u002013.8157\u00209.3608\u002013.7515\u00209.14147\u002013.6786Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M19.3907\u00202.44629C19.3907\u00202.44629\u002017.7861\u00202.57459\u002016.0698\u00203.3218C16.0773\u00203.34011\u002016.0851\u00203.35843\u002016.0925\u00203.3767C16.5061\u00204.40074\u002016.7158\u00205.42583\u002016.7158\u00206.42338C16.7158\u00207.42097\u002016.5061\u00208.44602\u002016.0925\u00209.47011C15.7755\u002010.2549\u002015.338\u002011.0417\u002014.7921\u002011.8084C14.6642\u002011.9881\u002014.5361\u002012.1581\u002014.4102\u002012.3185C15.7513\u002011.8738\u002017.3515\u002011.069\u002018.375\u00209.62887C20.4161\u00206.75688\u002019.3907\u00202.44629\u002019.3907\u00202.44629Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.7618\u00207.6333C20.5074\u00208.70913\u002020.0876\u00209.66379\u002019.514\u002010.4709C18.94\u002011.2785\u002018.1804\u002011.9828\u002017.2563\u002012.5642C16.5481\u002013.0098\u002015.7412\u002013.3847\u002014.8581\u002013.6786C14.6388\u002013.7515\u002014.4255\u002013.8157\u002014.2207\u002013.8725C15.562\u002014.3317\u002017.3302\u002014.6609\u002019.0029\u002014.1182C22.3166\u002013.0431\u002023.9996\u00208.95316\u002023.9996\u00208.95316C23.9996\u00208.95316\u002022.6056\u00208.06685\u002020.7618\u00207.6333Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99931790335,21.705408503678], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Fitness Center
Open 24/7, our fitness center offers the latest equipment, personal training, and daily wellness classes to help you stay active. Located lobby level.
More Details
`); // Add marker to map var marker27 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99931790335,21.705408503678]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker27); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-28'; marker_element.className += ' c-interactive-map__category-wellness'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002215\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002015\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M11.9999\u00200C11.9999\u00200\u00208.68945\u00202.87577\u00208.68945\u00206.42318C8.68945\u00209.9706\u002011.9999\u002012.8464\u002011.9999\u002012.8464C11.9999\u002012.8464\u002015.3104\u00209.9706\u002015.3104\u00206.42318C15.3104\u00202.87577\u002011.9999\u00200\u002011.9999\u00200Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M9.20777\u002011.808C8.66186\u002011.0413\u00208.22433\u002010.2546\u00207.90736\u00209.46966C7.49379\u00208.44558\u00207.28407\u00207.42053\u00207.28407\u00206.42294C7.28407\u00205.42534\u00207.49379\u00204.4003\u00207.90736\u00203.37621C7.91477\u00203.35789\u00207.92255\u00203.33958\u00207.93005\u00203.32131C6.21372\u00202.5741\u00204.60914\u00202.4458\u00204.60914\u00202.4458C4.60914\u00202.4458\u00203.58371\u00206.75639\u00205.62483\u00209.62838C6.6484\u002011.0686\u00208.24852\u002011.8734\u00209.58971\u002012.318C9.4638\u002012.1577\u00209.33569\u002011.9877\u00209.20777\u002011.808Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M9.14147\u002013.6786C8.25834\u002013.3847\u00207.45148\u002013.0098\u00206.74325\u002012.5642C5.8192\u002011.9828\u00205.05959\u002011.2785\u00204.48561\u002010.4709C3.91205\u00209.66378\u00203.49219\u00208.70913\u00203.23775\u00207.6333C1.39402\u00208.06685\u00200\u00208.95316\u00200\u00208.95316C0\u00208.95316\u00201.683\u002013.0431\u00204.99669\u002014.1182C6.66937\u002014.6609\u00208.43755\u002014.3316\u00209.77887\u002013.8725C9.57408\u002013.8157\u00209.3608\u002013.7515\u00209.14147\u002013.6786Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M19.3907\u00202.44629C19.3907\u00202.44629\u002017.7861\u00202.57459\u002016.0698\u00203.3218C16.0773\u00203.34011\u002016.0851\u00203.35843\u002016.0925\u00203.3767C16.5061\u00204.40074\u002016.7158\u00205.42583\u002016.7158\u00206.42338C16.7158\u00207.42097\u002016.5061\u00208.44602\u002016.0925\u00209.47011C15.7755\u002010.2549\u002015.338\u002011.0417\u002014.7921\u002011.8084C14.6642\u002011.9881\u002014.5361\u002012.1581\u002014.4102\u002012.3185C15.7513\u002011.8738\u002017.3515\u002011.069\u002018.375\u00209.62887C20.4161\u00206.75688\u002019.3907\u00202.44629\u002019.3907\u00202.44629Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.7618\u00207.6333C20.5074\u00208.70913\u002020.0876\u00209.66379\u002019.514\u002010.4709C18.94\u002011.2785\u002018.1804\u002011.9828\u002017.2563\u002012.5642C16.5481\u002013.0098\u002015.7412\u002013.3847\u002014.8581\u002013.6786C14.6388\u002013.7515\u002014.4255\u002013.8157\u002014.2207\u002013.8725C15.562\u002014.3317\u002017.3302\u002014.6609\u002019.0029\u002014.1182C22.3166\u002013.0431\u002023.9996\u00208.95316\u002023.9996\u00208.95316C23.9996\u00208.95316\u002022.6056\u00208.06685\u002020.7618\u00207.6333Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99899194554,21.705790994572], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Nalu Spa
Immerse yourself in the tranquility of our oceanfront spa, offering a full-service spa menu and salon services. Located pool level. Elevator access located by the Fitness Center.
More Details
`); // Add marker to map var marker28 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99899194554,21.705790994572]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker28); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-29'; marker_element.className += ' c-interactive-map__category-shopping'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M7.26382\u00200C6.39468\u00200\u00205.6015\u00200.523778\u00205.25873\u00201.3237L2.5526\u00207.65182H1.093C0.751525\u00207.65182\u00200.430915\u00207.8109\u00200.22363\u00208.08309C0.0185268\u00208.35418\u0020\u002D0.0512102\u00208.70627\u00200.0382496\u00209.0353L2.83174\u002019.1637C3.09248\u002020.1082\u00203.95734\u002020.7692\u00204.93485\u002020.7692H19.0664C20.0439\u002020.7692\u002020.9077\u002020.1092\u002021.1674\u002019.1658L23.9608\u00209.03743C24.0514\u00208.7084\u002023.9827\u00208.35418\u002023.7776\u00208.08309C23.5703\u00207.8109\u002023.2486\u00207.65182\u002022.9082\u00207.65182H21.4486L18.7404\u00201.32583H18.7425C18.4003\u00200.522201\u002017.6044\u00200\u002016.7353\u00200H7.26382ZM7.26382\u00202.18623H16.7353L19.0728\u00207.65182H4.92846L7.26382\u00202.18623ZM7.63671\u002010.9312C8.23893\u002010.9312\u00208.72769\u002011.4209\u00208.72769\u002012.0243V16.3968C8.72769\u002017.0002\u00208.23893\u002017.4899\u00207.63671\u002017.4899C7.0345\u002017.4899\u00206.54574\u002017.0002\u00206.54574\u002016.3968V12.0243C6.54574\u002011.4209\u00207.0345\u002010.9312\u00207.63671\u002010.9312ZM12.0006\u002010.9312C12.6028\u002010.9312\u002013.0916\u002011.4209\u002013.0916\u002012.0243V16.3968C13.0916\u002017.0002\u002012.6028\u002017.4899\u002012.0006\u002017.4899C11.3984\u002017.4899\u002010.9096\u002017.0002\u002010.9096\u002016.3968V12.0243C10.9096\u002011.4209\u002011.3984\u002010.9312\u002012.0006\u002010.9312ZM16.3645\u002010.9312C16.9667\u002010.9312\u002017.4555\u002011.4209\u002017.4555\u002012.0243V16.3968C17.4555\u002017.0002\u002016.9667\u002017.4899\u002016.3645\u002017.4899C15.7623\u002017.4899\u002015.2735\u002017.0002\u002015.2735\u002016.3968V12.0243C15.2735\u002011.4209\u002015.7623\u002010.9312\u002016.3645\u002010.9312Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99821434355,21.704848209032], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Surf House
More than just a retail shop, it\'s a North Shore lifestyle gathering spot. Featuring surf memorabilia, made in Hawaiʻi products, and curated events on the lawn. Located lobby level.
More Details
`); // Add marker to map var marker29 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99821434355,21.704848209032]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker29); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-30'; marker_element.className += ' c-interactive-map__category-shopping'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M7.26382\u00200C6.39468\u00200\u00205.6015\u00200.523778\u00205.25873\u00201.3237L2.5526\u00207.65182H1.093C0.751525\u00207.65182\u00200.430915\u00207.8109\u00200.22363\u00208.08309C0.0185268\u00208.35418\u0020\u002D0.0512102\u00208.70627\u00200.0382496\u00209.0353L2.83174\u002019.1637C3.09248\u002020.1082\u00203.95734\u002020.7692\u00204.93485\u002020.7692H19.0664C20.0439\u002020.7692\u002020.9077\u002020.1092\u002021.1674\u002019.1658L23.9608\u00209.03743C24.0514\u00208.7084\u002023.9827\u00208.35418\u002023.7776\u00208.08309C23.5703\u00207.8109\u002023.2486\u00207.65182\u002022.9082\u00207.65182H21.4486L18.7404\u00201.32583H18.7425C18.4003\u00200.522201\u002017.6044\u00200\u002016.7353\u00200H7.26382ZM7.26382\u00202.18623H16.7353L19.0728\u00207.65182H4.92846L7.26382\u00202.18623ZM7.63671\u002010.9312C8.23893\u002010.9312\u00208.72769\u002011.4209\u00208.72769\u002012.0243V16.3968C8.72769\u002017.0002\u00208.23893\u002017.4899\u00207.63671\u002017.4899C7.0345\u002017.4899\u00206.54574\u002017.0002\u00206.54574\u002016.3968V12.0243C6.54574\u002011.4209\u00207.0345\u002010.9312\u00207.63671\u002010.9312ZM12.0006\u002010.9312C12.6028\u002010.9312\u002013.0916\u002011.4209\u002013.0916\u002012.0243V16.3968C13.0916\u002017.0002\u002012.6028\u002017.4899\u002012.0006\u002017.4899C11.3984\u002017.4899\u002010.9096\u002017.0002\u002010.9096\u002016.3968V12.0243C10.9096\u002011.4209\u002011.3984\u002010.9312\u002012.0006\u002010.9312ZM16.3645\u002010.9312C16.9667\u002010.9312\u002017.4555\u002011.4209\u002017.4555\u002012.0243V16.3968C17.4555\u002017.0002\u002016.9667\u002017.4899\u002016.3645\u002017.4899C15.7623\u002017.4899\u002015.2735\u002017.0002\u002015.2735\u002016.3968V12.0243C15.2735\u002011.4209\u002015.7623\u002010.9312\u002016.3645\u002010.9312Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99838963301,21.705215680625], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Breeze
This women\'s boutique features resort-chic wear, accessories, and jewelry from local and global designers. Located lobby level.
More Details
`); // Add marker to map var marker30 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99838963301,21.705215680625]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker30); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-31'; marker_element.className += ' c-interactive-map__category-shopping'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M7.26382\u00200C6.39468\u00200\u00205.6015\u00200.523778\u00205.25873\u00201.3237L2.5526\u00207.65182H1.093C0.751525\u00207.65182\u00200.430915\u00207.8109\u00200.22363\u00208.08309C0.0185268\u00208.35418\u0020\u002D0.0512102\u00208.70627\u00200.0382496\u00209.0353L2.83174\u002019.1637C3.09248\u002020.1082\u00203.95734\u002020.7692\u00204.93485\u002020.7692H19.0664C20.0439\u002020.7692\u002020.9077\u002020.1092\u002021.1674\u002019.1658L23.9608\u00209.03743C24.0514\u00208.7084\u002023.9827\u00208.35418\u002023.7776\u00208.08309C23.5703\u00207.8109\u002023.2486\u00207.65182\u002022.9082\u00207.65182H21.4486L18.7404\u00201.32583H18.7425C18.4003\u00200.522201\u002017.6044\u00200\u002016.7353\u00200H7.26382ZM7.26382\u00202.18623H16.7353L19.0728\u00207.65182H4.92846L7.26382\u00202.18623ZM7.63671\u002010.9312C8.23893\u002010.9312\u00208.72769\u002011.4209\u00208.72769\u002012.0243V16.3968C8.72769\u002017.0002\u00208.23893\u002017.4899\u00207.63671\u002017.4899C7.0345\u002017.4899\u00206.54574\u002017.0002\u00206.54574\u002016.3968V12.0243C6.54574\u002011.4209\u00207.0345\u002010.9312\u00207.63671\u002010.9312ZM12.0006\u002010.9312C12.6028\u002010.9312\u002013.0916\u002011.4209\u002013.0916\u002012.0243V16.3968C13.0916\u002017.0002\u002012.6028\u002017.4899\u002012.0006\u002017.4899C11.3984\u002017.4899\u002010.9096\u002017.0002\u002010.9096\u002016.3968V12.0243C10.9096\u002011.4209\u002011.3984\u002010.9312\u002012.0006\u002010.9312ZM16.3645\u002010.9312C16.9667\u002010.9312\u002017.4555\u002011.4209\u002017.4555\u002012.0243V16.3968C17.4555\u002017.0002\u002016.9667\u002017.4899\u002016.3645\u002017.4899C15.7623\u002017.4899\u002015.2735\u002017.0002\u002015.2735\u002016.3968V12.0243C15.2735\u002011.4209\u002015.7623\u002010.9312\u002016.3645\u002010.9312Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99836281092,21.705066158302], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
The Shop
Browse our signature shop for gifts for the whole family, from logo apparel and accessories to souvenirs. Located lobby level.
More Details
`); // Add marker to map var marker31 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99836281092,21.705066158302]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker31); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-32'; marker_element.className += ' c-interactive-map__category-shopping'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002221\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002021\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M7.26382\u00200C6.39468\u00200\u00205.6015\u00200.523778\u00205.25873\u00201.3237L2.5526\u00207.65182H1.093C0.751525\u00207.65182\u00200.430915\u00207.8109\u00200.22363\u00208.08309C0.0185268\u00208.35418\u0020\u002D0.0512102\u00208.70627\u00200.0382496\u00209.0353L2.83174\u002019.1637C3.09248\u002020.1082\u00203.95734\u002020.7692\u00204.93485\u002020.7692H19.0664C20.0439\u002020.7692\u002020.9077\u002020.1092\u002021.1674\u002019.1658L23.9608\u00209.03743C24.0514\u00208.7084\u002023.9827\u00208.35418\u002023.7776\u00208.08309C23.5703\u00207.8109\u002023.2486\u00207.65182\u002022.9082\u00207.65182H21.4486L18.7404\u00201.32583H18.7425C18.4003\u00200.522201\u002017.6044\u00200\u002016.7353\u00200H7.26382ZM7.26382\u00202.18623H16.7353L19.0728\u00207.65182H4.92846L7.26382\u00202.18623ZM7.63671\u002010.9312C8.23893\u002010.9312\u00208.72769\u002011.4209\u00208.72769\u002012.0243V16.3968C8.72769\u002017.0002\u00208.23893\u002017.4899\u00207.63671\u002017.4899C7.0345\u002017.4899\u00206.54574\u002017.0002\u00206.54574\u002016.3968V12.0243C6.54574\u002011.4209\u00207.0345\u002010.9312\u00207.63671\u002010.9312ZM12.0006\u002010.9312C12.6028\u002010.9312\u002013.0916\u002011.4209\u002013.0916\u002012.0243V16.3968C13.0916\u002017.0002\u002012.6028\u002017.4899\u002012.0006\u002017.4899C11.3984\u002017.4899\u002010.9096\u002017.0002\u002010.9096\u002016.3968V12.0243C10.9096\u002011.4209\u002011.3984\u002010.9312\u002012.0006\u002010.9312ZM16.3645\u002010.9312C16.9667\u002010.9312\u002017.4555\u002011.4209\u002017.4555\u002012.0243V16.3968C17.4555\u002017.0002\u002016.9667\u002017.4899\u002016.3645\u002017.4899C15.7623\u002017.4899\u002015.2735\u002017.0002\u002015.2735\u002016.3968V12.0243C15.2735\u002011.4209\u002015.7623\u002010.9312\u002016.3645\u002010.9312Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-157.99882702066,21.704909836617], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Watershed
This retail store is a go-to outfitter shop for everything you need for the beach, pool, and enjoying island vacation. Located by the Main Pool Deck.
More Details
`); // Add marker to map var marker32 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-157.99882702066,21.704909836617]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker32); // Create Marker var marker_element = document.createElement('div'); marker_element.className = 'c-interactive-map__marker'; marker_element.className += ' c-interactive-map__marker-33'; marker_element.className += ' c-interactive-map__category-dining'; marker_element.innerHTML = '\u003Csvg\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\/\/www.w3.org\/2000\/svg\u0022\u003E\r\n\u003Cpath\u0020d\u003D\u0022M20.1005\u002012.6053C19.9916\u002012.4782\u002019.8993\u002012.3394\u002019.8232\u002012.193C19.7857\u002016.129\u002016.6349\u002019.3195\u002012.7667\u002019.3195C8.87537\u002019.3195\u00205.70945\u002016.0908\u00205.70945\u002012.1223C5.70945\u00208.15382\u00208.87537\u00204.92515\u002012.7667\u00204.92515C16.1143\u00204.92515\u002018.9249\u00207.31461\u002019.6451\u002010.5088L20.2842\u00205.66366L20.2986\u00205.55473C18.4788\u00203.3873\u002015.7776\u00202.01123\u002012.7667\u00202.01123C10.4178\u00202.01123\u00208.2574\u00202.84914\u00206.55682\u00204.24658V4.35119V4.44382V6.49603V6.57749C6.55682\u00207.94826\u00205.86016\u00209.19974\u00204.75781\u00209.91485V17.9366V18.0748C6.56273\u002020.5936\u00209.48024\u002022.2332\u002012.7667\u002022.2332C16.2202\u002022.2332\u002019.2664\u002020.4228\u002021.0422\u002017.6841V17.5359V13.2392C20.6819\u002013.1197\u002020.3554\u002012.9026\u002020.1005\u002012.6053Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M12.7662\u00206.14844C9.53611\u00206.14844\u00206.9082\u00208.82834\u00206.9082\u002012.1225C6.9082\u002015.4166\u00209.53603\u002018.0965\u002012.7662\u002018.0965C15.9963\u002018.0965\u002018.6241\u002015.4166\u002018.6241\u002012.1225C18.6241\u00208.82834\u002015.9962\u00206.14844\u002012.7662\u00206.14844Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M23.9742\u00200.942524C23.9742\u00200.421971\u002023.5604\u00200\u002023.05\u00200C22.5872\u00200\u002022.1958\u00200.349074\u002022.1341\u00200.816871L20.7837\u002011.0542C20.7481\u002011.3237\u002020.8284\u002011.5956\u002021.0039\u002011.8003C21.1794\u002012.0049\u002021.4329\u002012.1223\u002021.6996\u002012.1223H22.2418V23.1031C22.2418\u002023.5984\u002022.6356\u002024\u002023.1213\u002024C23.607\u002024\u002024.0008\u002023.5984\u002024.0008\u002023.1031L23.9742\u00200.942524Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003Cpath\u0020d\u003D\u0022M5.35703\u00201.14134C5.35703\u00200.803516\u00205.08862\u00200.529785\u00204.75737\u00200.529785C4.42611\u00200.529785\u00204.1577\u00200.803516\u00204.1577\u00201.14134V4.52518H3.27819V1.14134C3.27819\u00200.803516\u00203.00977\u00200.529785\u00202.67852\u00200.529785C2.34726\u00200.529785\u00202.07885\u00200.803516\u00202.07885\u00201.14134V4.52518H1.19934V1.14134C1.19934\u00200.803516\u00200.930925\u00200.529785\u00200.599668\u00200.529785C0.268411\u00200.529785\u00200\u00200.803516\u00200\u00201.14134V6.65884C0\u00207.85088\u00200.752943\u00208.86638\u00201.799\u00209.23845V23.1028C1.799\u002023.5982\u00202.19279\u002023.9998\u00202.67852\u002023.9998C3.16425\u002023.9998\u00203.55803\u002023.5982\u00203.55803\u002023.1028V9.23845C4.60409\u00208.86638\u00205.35703\u00207.85088\u00205.35703\u00206.65884V1.14134Z\u0022\u0020fill\u003D\u0022\u00231A2D38\u0022\/\u003E\r\n\u003C\/svg\u003E'; marker_element.addEventListener('click', function(element) { map.flyTo({ center: [-158.00020912371,21.699699187514], offset: [300, 0] }); markerToggle(element); if ($(window).width() < 768) { $('.c-interactive-map__sidebar').hide(); if ($('.c-interactive-map__legend').hasClass('active')) { $('.c-interactive-map__legend').removeClass('active'); $('.c-interactive-map__legend svg').css('transform', 'rotate(360deg)'); } } setTimeout(function () { $('.c-interactive-map__mapbox .mapboxgl-popup-content').find('img[loading="lazy"]').not('.lazyloaded').addClass('lazyloaded') }, 200); }); // Marker popup anchor/position var popup_anchor = 'left'; if ($(window).width() <= 576) { popup_anchor = 'top'; } // Marker popup var popup = new mapboxgl.Popup({ offset: 25, closeButton: true, anchor: popup_anchor, className: 'c-interactive-map__popup' }).setHTML(`
Paniolo, A Hawaiian Cowboy Lūʻau
Every Wednesday evening our weekly dinner show features an outdoor feast, live music, and a fireknife show. Located at The Stables.
More Details
`); // Add marker to map var marker33 = new mapboxgl.Marker(marker_element, { 'anchor': 'bottom', }) .setLngLat([-158.00020912371,21.699699187514]) .setPopup(popup) .addTo(map); // Add markers to array for legend to use markers_list.push(marker33); }); // When a category filter is clicked, show markers of only that category $(once('interactive-map-click-category', '.c-interactive-map__category-toggle')).click(function(e) { e.preventDefault(); if ($(this).attr('id') === 'category-all') { // When All Categories filter is clicked, show all $('.c-interactive-map__category-toggle').removeClass('active'); $(this).addClass('active'); $('.c-interactive-map__marker').show(); } else { $('.c-interactive-map__category-toggle').removeClass('active'); var category_id = e.target.id; var marker_selector = '.c-interactive-map__marker.c-interactive-map__' + category_id; $(this).addClass('active'); $('.c-interactive-map__marker').hide(); $('.c-interactive-map__category-map-center').show(); $(marker_selector).show(); } }); $(once('interactive-map-click-marker', '.c-interactive-map__marker-toggle')).on('click', function (e) { e.preventDefault(); console.log('clicked'); // Toggle class on sidebar marker toggle $(this).toggleClass('is-active'); // Get marker position var marker_position = parseInt($(this).attr('data-position')); if (marker_position) { // Close any open popup containers before toggling new markers $('.mapboxgl-popup').remove(); // If marker is visible, then lets fly to that marker $('.c-interactive-map__marker-' + marker_position).trigger('click'); // Toggle marker popup markers_list[marker_position - 1].togglePopup(); // Display lazy image. } }); } else { $('.c-interactive-map__no-support').removeClass('hidden'); $('.c-interactive-map__sidebar').hide(); } }(jQuery, Drupal));