Demo of HTML5 Mapping Software
This video is a quick overview on iMapBuilder HTML5. You will see how to add markers, labels, polylines, rectangles, polygones, map legends and so on. For the details of each function, please check the previous videos.
Tutorial highlights:
- Create a new map
- Intro of the software interface
- Feature demo: add markers, labels, lines, curves, polygons, map legends, etc
- Edit the map properties (i.e. publish size, background color and other map features)
- Save and publish the map project
User Guide
No matter you are new or the existing users to create interactive maps, HTML5 Map Builder user guide guides you to create clickable maps without obstacles.
Showcase
For those who have no idea of creating HTML5 interactive maps, here are sample maps for your reference!
Interactive Map News
Check our blog and keep track of the latest map news across the globe!
HTML5 Map Builder Video Tutorials |
|
![]() |
You can create interactive maps in HTML5 Map Builder, which can be read in tablets and mobile devices. Watch the video tutorial... |
![]() |
In iMapBuilder HTML5, you can create interactive map by simply adding numbers of marker. And then, edit the popup infobox content to make it more informative... |
![]() |
Create HTML5 Map with Adding Shape Overlays Create a HTML5 map by adding overlays (e.g. markers, polylines, clickable regions) and utilize the functions of them... |
![]() |
Clickable Map with Heat Map Features Heat Map uses a color progression or gradients to depict data per area on the map. You can import the data from databases or Excel files... |
![]() |
Create Netherlands Map with Grouping Features You can differentiate groups by enabling the group highlight function. When mouse hovers any regions, the whole groups would be highlighted... |
![]() |
Create Airline Route Map with Curve Lines This tutorial demonstrates on how to add curves on the map to create an airline route map. Or, you can learn it by the following instructions... |
![]() |
In HTML5 Map Builder, you can add paths on your map to link up different objects. It is also supported HTML infobox. Follow the video tutorial... |
![]() |
Make a World Map Shows the Continents In the World Continents Map, labels added to the map to distinguish 7 continents. Also, the label style can be changed. Watch the video and follow the instructions... |
![]() |
Legend is used to show you the meanings of different overlays (e.g. markers, paths, curves) and regions settings. Follow the instructions as below to add legends on your map... |
![]() |
Export a Clickable Map as Image The new feature of export map as image format file is now available on iMapBuilder HTML5. From now on, you can easily insert the map as image... |
![]() |
With iMapBuilder HTML5 mapping software, you can easily create a map without design and programming skills required... |
![]() |
Add Markers to Map by Latitude Longitude In iMapBuilder HTML5,there are different ways to add markers, e.g. Add maker one by on, import bulk markers. In this tutorial, you can learn how to add markers... |
![]() |
You can insert any company logo (*png / *jpg) into the HTML5 map by importing custom marker icon. Position and size can be edit in the properties panel... |
![]() |
In iMapBuilder HTML5, you can arbitrarily create clickable regions by drawing the polygons on the map. Then, edit the polygon properties, such as the shape and color... |
![]() |
Have to created an interactive sales territory map? By using iMapBuilder HTML5, you can create different kinds of map within a few minutes... |
![]() |
Visualize Data Using Bubble Chart on Map From now on, you can add bubble chart on top of the HTML5 map. It provides you a very convenient way to present bulk data on the map... |
![]() |
Insert Pie Chart to Make Interactive Map Need to analyze and share a bulk data? iMapBuilder HTML5 can help you to create pie chart to present data in a much easier understand way... |
![]() |
Demo of HTML5 Mapping Software This video is a quick overview on iMapBuilder HTML5. You will see how to add markers, labels, polylines, rectangles, polygons, map legends and so on. |
![]() |
How to Embed a Map to WordPress Blog Once you've finished editing the map, you need to publish the map project before upload the published folder to the web server... |
![]() |
Add Cities and Location Dots to US Map The new feature of iMapBuilder HTML5 is launched! Now, you can add markers by cities to the HTML5 map... |
![]() |
Create Category Legend on a Map Category legend is kind of filter for the map objects. You can group markers, lines and polygons in different legends... |
![]() |
Create World Map with Regions Abbreviation Added To display the regions name or abbreviation, it is time-consuming if you have to input it one by one. In iMapBuilder HTML5.... |
![]() |
Easily Create an Interactive Map In iMapBuilder HTML5, you can create interactive map by simply adding numbers of marker. And then, edit the popup infobox... |
![]() |
Create Interactive Map with Rich Content In iMapBuilder HTML5, you can create interactive map with rich content, including images, videos and rich text. For those users who are not familiar... |
View the Latest Uploaded Videos
GMap Editor Video Tutorials |
![]() |
Create Custom Google Map Online! GMap Editor is used to create clickable maps with no software installation and programming knowledge as required. The video tutorial can help you to create a simple online map... |
![]() |
Add Markers to the Custom Google Maps In GMap Editor V2, you can add markers by using Search Toolbar, Marker Tool and Importing Data Tool. Check out the video to easily add markers... |
![]() |
To enrich your map, you can insert image(s) to the info box by simply pasting the image URL on the Image Properties or you can edit it on the Advanced HTML code Panel. |
![]() |
Add Polyline to a custom Google map With GMap Editor, you can draw multiple lines on your map. Also, mouseover info box is allowed to insert on it. |
![]() |
Add Category Legend to Your Online Map In Custom Google Map, we can categorize different overlays by enable the Category Legend function. Watch the video or follow the steps ... |
![]() |
Import multiple addresses to the map online Need to import multiple address from Excel or CSV into a Custom Google Map? Watch the video demo or follow the steps to import data to your Map... |
![]() |
How to Create a Custom Image Map Online In GMap Editor V2, you can create an interactive image map online by importing your own image. Check out the video tutorial... |
![]() |
Embed Custom Google Map in WordPress You can share the map to any websites or blog once it is published. With iMapBuilder online, all you need to do is to click the publish button... |
![]() |
Create a Heat Map in Custom Google Map Heat Map can be used to visualize date in numerical values by different color in order to show density of data per population density, distribution of values... |
![]() |
Create Crowdsourced Map by GMap V2 Crowdsourcing is an effective way to collect data from different users around the world. In GMap V2, you can easily create and publish the crowdsourcing map... |
![]() |
Create and Publish a Custom Google Map Online Simply create, edit and publish map with iMapBuilder Online - GMap V2. No FTP setup or server required. Everything is automatically saved... |
View the Latest Uploaded Videos
> Sign Up a GMap Editor Free Trial Account |