AI and maps
Build a location directory or store locator
Div-idy can combine its built-in database and Google Maps integration to create a store locator, venue directory, or location guide. Manage locations in your private preview, publish selected records, and let visitors browse a searchable list and map. New React output connects these parts through the built-in runtime.
Define one location record for every view
Start with name, street address, latitude, longitude, category, and a short description. Add a website or opening-hours text when useful. Use verified details rather than asking AI to invent geographic facts.
The location list, selected-location panel, and map should read the same published collection. This keeps names and filters consistent. Ask for a helpful empty state when no locations are published or when a filter has no matches.
Manage locations before visitors see them
- Create an owner editor available in your private Div-idy preview.
- Save new locations as private drafts.
- Review each address and coordinate pair.
- Choose Publish to add a location to the visitor-readable collection.
- Use Unpublish to remove it from the directory without deleting the draft.
Saving a correction to an already published location leaves its existing public copy unchanged until you publish again. Database content publication is separate from publishing the page’s code.
Example: a neighborhood venue guide
Build a neighborhood venue directory with owner-managed locations stored in the project database. Each location has a name, address, coordinates, category, and description. In my private preview, include Save draft, Publish, and Unpublish. Public visitors can search names, filter categories, select location cards, and see matching Google Maps markers. Include a readable address list and map error state.
Connect filters, markers, and optional directions
Ask the map and list to update together when visitors filter locations. Selecting a marker should identify the same location in the detail view. Fit the map to relevant locations while keeping selection and controls usable on small screens.
You can add place search or a starting-address field with a Get directions action. Use actual Maps results for routes and travel times. Visitor suggestions for new locations can go through a separate one-way form for you to review.
Test the published directory
Verify saved drafts in the private preview and Maps on the published page. Test any custom domain separately, because Maps needs the platform’s configuration to allow that address. Keep the location list usable when the map fails.
Owner collections support up to 200 records and 256 KB total. For publication details, read owner content management; for map setup, read Google Maps integration.