Know Where Things Happen, When They Happen
Know Where Things Happen, When They Happen

How to Create Interactive Web Maps with MapHub in 7 Easy Steps.

MapHub is a free, simple-to-use, online map-making platform that makes it a lot easier to create, collaborate and share interactive maps. MapHub allows you to quickly create stunning maps in minutes, by simply adding points, lines, polygons, or labels, photos, and grouping features together in color-coded layers. Alternatively, you can Import (and export) your data in GeoJSON, Shapefile, KML, GPX, or CSV formats.

So if you already have some data on a spreadsheet file that you collected during your recent field trip, you should be salivating to learn how you can quickly put them on a web-map. But if you have never gone out for field trip, don’t worry, I will show you how to create a map from the ground-up.

So now let’s jump straight in.

  1. The First thing you need to do is to create an account with MapHub. Although MapHub is completely free to use, it requires that each user have an account. You should find a Sign-up link in the main of the MapHub website at: https://maphub.net/

2. Once you have created an account, you may click My maps in the site
menu to view any maps that you may have created previously or New
Map
to create a new map.

3. Since we’re starting from scratch, Click on ‘New Map’ to start a new mapping project. Under ‘TITLE’ give your map a title name. Go ahead to describe it to give an overview to your audience what your map is all about. For the purpose of this demo I have created a map showing four tourist attraction sites in Ethiopia. The Title of my Map “Top Tourist Attractions Sites in Ethiopia” and Description “Breathtaking sites to visit in Ethiopia“.

4. Now, you might want to change the background of your map by changing the ‘Basemap’. MapHub gives you 20 different base-maps built on OpenStreetData and powered by open datasets including, satellite maps, open-Addresses, Quattroshapes and Geonames.

5. Next, add a marker from the menu on the left side of the screen. Note that the menu has five buttons which allows the user to add multiple points/Markers, insert Text labels or draw Polylines and Polygons. In our case we add a point by selecting the marker which is the 2nd button on the list.

You may set the title and description for this point in “Item” tab in the sidebar to the right, as well as upload an associated image. If you scroll the upper portion of the right-hand sidebar, you will find more options including options to change the icon, change the color, and to associate this point with a group.

Go ahead to add more points and remember to specify the coordinates (latitudes/longitudes) and descriptions.

Grouping items / Creating layers

As you add items (point, polylines, polygons, labels, etc.) to your map, they will be listed in the lower section of the right-hand sidebar. Within this list, you may click an item to pan to zoom to that location, drag items to sequence them, and show or hide the item with the ‘eye’ icon. You may also, importantly, group the items together into logical groupings, or layers.
6. Click the New Group button to create a new group, and then give your group a title. After the new group has been created, you can drag and indent items under the groups in your list to associate those items with the groups. Entire groups of items can now be toggled on and off using the ‘eye’ icon of the

Saving your map

Each time you make changes to your map, you should save those changes. You will
find a Save button in the upper-right hand corner of your map. If there are changes to be
saved, this button will appear orange. If you close the browser without having saved,
your changes will be lost.

Collaborating and sharing your map

Sharing your map can refer to two different things: Collaborating with other users, and setting the visibility of your map so that others can view it.

After you have made your map public, you can generate an embed code to place your map in other websites, such this blog post, as well as get a permanent link to your map.

7. In the upper portion of the right-hand sidebar, select the Map tab. You may have to scroll down a bit, but you should see a section with buttons to Set the visibility, Collaborate (add additional users), Embed on a website, and Link.

In our example, below is the map of “Top Tourist Attractions Sites in Ethiopia” that we created and which we have imbedded on this blog post:

And here’s the link that of the map that we have shared: https://maphub.net/dmbura/top-tourist-attractions-sites-in-ethiopia

And that’s it!

I hope you found this post helpful. Don’t hesitate to drop a comment.

close

Download FREE Newsletter!

We don’t spam! Read our privacy policy for more info.

Leave a comment

Your email address will not be published. Required fields are marked *