top of page
  • Writer's pictureNan Zhou

How to make an interactive map with pins

So you already have your location data nicely stored in Excel, CSV, Airtable, Google Sheets or Webflow CMS, now you want to make an interactive pin map with it so you can visualise your data or use it for your website - Is there an easy way to do this, and without coding?

Yes you can.

In this post, I will show you how you could convert your location dataset into a custom interactive pin map that will blend in seamlessly with your website, in minutes and without coding.

With No Code Map App, you can create an interactive map from your data in 3 easy steps.

  1. Pick a map template - Choose a template from our list of templates.

  2. Import your data - Copy & paste in your spreadsheet data or integrate your database (now works with Google Sheets, Airtable or Webflow CMS).

  3. Customise it. Customise your map to your preferred colour, font, style, map filters, calls-to-action, and add media and other settings.

Step 1: Pick a template for your use-case

You can choose from our list of 6 ready-to-use map templates, all designed and built based on popular use cases and leading industry designs:

1. General

2. Timeline

3. Event calendar

4. Restaurant

5. Product locator

6. Property

Step 2: Connect your data

No Code Map App is the only custom map builder that offers users multiple ways to connect their data:

1. Copy and paste in your data from any spreadsheet, or

2. Link your Google Sheets / Airtable / Webflow CSM so you can update your data in real-time.

In setting up your data, you can include whatever data field you want, and we have a sample dataset for you to use as reference for each map template. Of course you don't need to follow it. Our map builder is so intelligent you can include any data field - detail fields, description, calls-to-action links, media (image and audio links) etc.

The only required data columns/fields are "name" and "address".

  1. "address" (or "location") column

  2. "name" column

Upon importing, we will process all of your data fields and for each map you can choose up to 15 columns of data. After that our map builder will automatically create your map with all your locations pinned and selected data showing under each location. Your map will also include auto-generated sidebar, map filters and calls-to-action based on your dataset.

Step 3: Customise your map

Once your map has been generated, you can customise it to your preferred marker, color, font, zoom level and search bar setting etc. Literally every part of your interactive map is customisable! You can also embed media to each location and import kml files.

Furthermore and also uniquely to us is that you can also customise your map filters and call-to-action buttons. No Code Map App is the only custom map maker that auto-generates customisable map filters and call-to-actions based on your dataset. Typically these are only seen on custom-built interactive maps. Now you can have them too without coding or hiring a developer.

Please give it a try!


With the right map filter and call-to-action buttons, you can link your interactive map with your other business tools (like Google Form, Stripe, PayPal, Calendly), and turn your interactive map into an "actionable" map where your site visitors could directly:

  • Buy or pay

  • Subscribe

  • Contact

  • Fill in a form

You can connect pretty much any internal or external site/tool to your custom call-to-action button and create an interactive map that is comparable to any custom-built map!

Give it a try and let us know what you think! :)


28 views0 comments

Recent Posts

See All
bottom of page