We have introduced creating various interactive maps by using HTML5 map templates or Google Maps before, and there are continuous inquiries about creating editable image maps by using own images recently. And here are some examples for creating custom image maps with the assistance of mapping software.
Mapping software supports importing JPG, PNG, and GIF images, and you can easily start adding overlays on the image after importing it into the mapping tool. You can pin markers or draw clickable regions on the image, and then insert info box for adding description. Custom image maps are mostly used for creating floor plan for office, convention map, campus map and more. According to the theme or usage of the image maps, you can import custom marker icons for indicating different locations, for example icon for churches, hospitals or colleagues. Categories map legends can be added for indicating the markers and you can filter specific markers according to your needs.
By using the map editor, you can also create maps similar to the following Interactive Tri-Cities Community Resource Map, which showcases community resources in Canada:
There is HTML5 custom map builder can create custom HTML5 image maps, and we are going to launch the video tutorial for it very soon. Stay tuned for the latest news!