Add this to your website:
<!-- 1. Include the store locator script -->
<script src="store-locator.js"></script>
<!-- 2. Create a container element -->
<div id="my-store-locator"></div>
<!-- 3. Initialize the widget -->
<script>
const storeLocator = new StoreLocator({
containerId: 'my-store-locator',
apiEndpoint: 'https://your-api.com/api/stores',
height: '600px',
stores: [
{
id: 1,
name: 'Downtown Store',
address: '123 Main St, City, State 12345',
phone: '(555) 123-4567',
latitude: '40.7580',
longitude: '-73.9855',
isOpen: true
}
// ... more stores
],
onStoreSelect: (store) => {
console.log('Selected store:', store);
}
});
</script>