glcvdv-lite-api-map/dist/LiteAPI/map-setup/setup-hotel-source.js

A lightweight API for interactive hotel maps with Mapbox integration

export const setupHotelSource = (map, hotels, options) => {
    const addSourceOptions = {
        type: 'geojson',
        generateId: true,
        cluster: true,
        clusterMaxZoom: 14,
        clusterRadius: 50,
        data: {
            type: 'FeatureCollection',
            features: hotels.map((hotel) => ({
                type: 'Feature',
                properties: {
                    ...hotel
                },
                geometry: {
                    type: 'Point',
                    coordinates: [hotel.coordinates.lng, hotel.coordinates.lat]
                }
            }))
        }
    };
    const existingSource = map.getSource('hotels');
    if (existingSource) {
        existingSource.setData(addSourceOptions.data);
    }
    else {
        map.addSource('hotels', addSourceOptions);
        map.addLayer({
            'id': 'hotels',
            'source': 'hotels',
            'type': 'circle',
            'paint': {
                'circle-color': options.markerColor || '#4264fb',
                'circle-radius': 10,
                'circle-stroke-width': 2,
                'circle-stroke-color': '#ffffff'
            }
        });
    }
};
//# sourceMappingURL=setup-hotel-source.js.map