6 steps to make and publish an interactive map in my website with my own addresses and database

Tutorials - August 6, 2015

The last few weeks, we posted different articles about creating a template, organizing your database, locating your points easily, importing them with your own file...

But how to import your addresses, apply a template to all your markers and fill in your database in one operation? All these steps can be performed in just a few clicks with Click2Map.

 

In our example here, we need some information for our pizzeria restaurant locator as addresses, opening hours, amenities, email contacts and website URL.

Generaly, a store locator involves multiple elements and creating all your points one by one on a map would be a waste of time.

Here are 6 steps for a complete process from the creation of your personalized map to its publication.

1- Create your map

First, open the editor and in the Add menu, create a new Map.

Fill in the different information : Title, Description...

Center the map on the area you need.

2- Create data categories and data fields

In the previous post How to organize your personal Click2Map database?, we have created two data categories and some fields attached:

  • Opening hours: opening hours of each store
  • Amenities: drive-thru, non-stop service, mobile payment and free wifi.

These data fields will be useful and added in our markers.

If you need more information in your points, for instance telephone numbers, create as many fields as you want in My Database menu > Properties.

3- Create a template

In our Pizzeria Locator example, the opening hours are in markers’ description and amenities in an extra tab. We chose to display addresses and filled in the URL and Email fields.
This step will permit you to create the template for your markers of your choice. Notice you can create several templates for one import.

The template is completely customized. You will be able to place the previous data fields in your markers wherever you want.

(More info in the post How to gain time by using markers template with your database?)

Tips and Tricks: if you need to organize your markers into groups with a default icon for instance. We advise you to create your groups before the import. Put the same title than the one in your Excel file (See step 4 below). And put a default icon to each group created. If you need one icon for all your markers, just put a default icon in your template.

4- Prepare and check your Excel file

You created your database, your marker template and now you want to import your addresses and the different information which will be present in your markers. But, first you need to prepare your Excel file.

If you want to gain time and match automatically your personalized elements with those of Click2Map, the title of each column has to be correctly written.

 

General

  • Title
  • Name
  • Addresses
  • Latitude
  • Longitude
  • URL Text
  • URL Address
  • Email Text
  • Email Address

Personalized data fields

  • OpeningHours.Monday
  • OpeningHours.Tuesday
  • OpeningHours.Wednesday
  • OpeningHours.Thursday
  • OpeningHours.Friday
  • OpeningHours.Saturday
  • OpeningHours.Sunday
  • Amenities.Drive-Thru
  • Amenities.24-HourService
  • Amenities.FreeWifi
  • Amenities.MobilePayment

Organization

  • Template: enter the name of the template previously created
  • Groups: for each marker, fill in the name of the groups you need to organize your marker.

Once your Excel file is ready, you can convert it to a CSV file. You don’t know how? Read this article How to import venues from an Excel or CSV file.

5- Import your own addresses

It’s time to import your own file and fill in your database.

Go to Add menu > Markers from a file.
Follow the different steps.

The system will map your fields with your Click2Map categories automatically, if your file has been well prepared.
If some elements are still highlighted, you can manually associate them with the elements in the second column.

Click on Import and that’s it! The editor geolocate your points automatically on the map.

6- Publish your map

Now your map is ready, you can publish it. Go to Publish menu and choose the right option for you: share as a widget or via an URL link (premium options) or download on your own server.
When the Publish Map box is displayed you can personalize your map colors, font or change the type of map... (More info read How to personalize your map before sharing it)

When you choose to embed your map in your website as a widget, you receive a HTML code. You can easily put this code in your blog and your facebook page (Read the post How to publish your map on your blog or your Facebook page?).

Why wait?

Start mapping now!