Create your Association Directory Map
Start on the create-widget page. The Association Directory Map template is preselected for you. Give the widget a name, open the builder, add your locations, and adjust the map design and interactive features while watching the live preview.
Build the widget first, then return here to embed it.
You can explore the builder before creating an account.
Open the Association Directory Map BuilderCopy the Embed Code
Once your map is ready, click the Publish button in the top right corner. MapWeave generates three ways to share your widget. For Webflow, we highly recommend using the JavaScript Snippet method.
JavaScript Snippet
Best for modern builders and automatic mobile responsiveness.
<script src="https://www.getmapwidget.com/widgets/embed-injector.js" async defer></script>
iFrame Embed
Best for strict CMS platforms that block external JavaScript.
Direct URL Link
Best for sharing in emails, social media, or hyperlink buttons.
Paste into Webflow
For Webflow users:
Drag an "Embed" component from the Add Elements panel directly onto your Webflow canvas. Paste the MapWeave script into the code editor and Save.
Save and publish your Webflow page. Your interactive map is now live!