Sumi's Cakery (2024)

'); popup.append('

'); var closer = jQuery(''); popup.append(closer); /** * Create an overlay to anchor the popup to the map. */ var overlay = new ol.Overlay({ element: popup.get(0), autoPan: true, autoPanAnimation: { duration: 250 } }); map.addOverlay(overlay); /** * Add a click handler to hide the overlay. * @return {boolean} Don't follow the href. */ closer.click(function(e) { overlay.setPosition(undefined); e.target.blur(); return false; }); function updateInfoBox(overlay, event) { var map = event.map; var pixel = map.getEventPixel(event.originalEvent); var features = map.getFeaturesAtPixel(pixel, {hitTolerance: 20}) || []; if (overlay && features.length) { var feature = features[0]; var content = jQuery(overlay.getElement()).find('.popup-content'); const id = feature.get('id'); const url = feature.get('url'); const name = feature.get('name'); const teaser = feature.get('teaser'); const address = feature.get('address'); const addresssupplement = feature.get('addresssupplement'); const city = feature.get('city'); const state = feature.get('state'); const postalcode = feature.get('postalcode'); const phone = feature.get('phone'); const neighborhoodgroup = feature.get('neighborhoodgroup'); const neighborhood = feature.get('neighborhood'); const category = feature.get('category'); var info = jQuery("

"); if (typeof url !== 'undefined' && url !== '') { info.append('

' + name + '

'); } else { info.append('

' + name + '

'); } (teaser) && info.append(''); var details = jQuery(''); (addresssupplement) ? details.append('' + address + '' + ' ' + addresssupplement + '') : details.append('' + address + ''); details.append(' ' + city + ', ' + '' + state + ' ' + '' + postalcode + ''); (phone) && details.append('
' + phone + ''); info.append(details); /* div.details */ content.html(info.html()); overlay.setPosition(event.coordinate); } else { overlay.setPosition(undefined); } return; } map.on('singleclick', function(evt) { if (evt.dragging) { overlay.setPosition(undefined); return; } updateInfoBox(overlay, evt); }); if (false) { /* */ function updateMousePointer(overlay, event) { var map = event.map; var pixel = map.getEventPixel(event.originalEvent); var features = map.getFeaturesAtPixel(pixel, {hitTolerance: 20}) || []; if (overlay && features.length) { jQuery(`#bestOfLocationMap`).css({ cursor: 'pointer'}); } else { jQuery(`#bestOfLocationMap`)[0].style.removeProperty(`cursor`); } } map.on('pointermove', function(evt) { updateMousePointer(overlay, evt); }); } Foundation.OpenLayers.Maps['mapsmall-map'].map = map }) .fail(function () { console.warn('/foundation/scripts/ol.js not loaded.') });