DNN Interactive World Maps Module

Home-Product-DNN Modules-Interactive World Maps

Home/Product/DNN Modules/Interactive World Maps

About Interactive World Maps

Interactive World Maps is a DNN module that uses the Google Geochart API to generate responsive maps you can customize and place anywhere on your site. The main purpose of this module is to create online maps, displaying the world or a specific country or area, coloring regions or adding markers that can be interactive.

Live Demo Live Test Buy at DNN Store

Features Part 1
Interactive World Maps
Features Part 2
Interactive World Maps

World Maps
Continent focused maps (Africa, Europe, Americas, Asia, Oceania)
Country focused maps (i.e. USA, United Kingdom, Canada, France, Germany, Spain, Italy, Brazil, India, Australia… virtually all the countries in the world already included)
US State focused map
USA map divided by DMA regions
Responsive: The maps will adapt according to the space available to display
Mobile Ready: The maps are generated by the Google Geochart API in SVG format, so they work cross-platform, including iOS devices
Customizable: You have control over the map visuals, including: Background color; Inactive regions color; Individual colours for each active region or marker; Markers size;
Compatible with dnn version 7.x, 8.x and 9.x

Subcontinent focused maps (i.e. South America, North America, Western Europe, South Asia … )
Country focused maps divided by main regions (i.e. USA map divided by States, Spain divided by Autonomous communities, UK divided by it’s 4 countries, etc.)
US State maps divided by DMA regions
+ 300 more maps
Different Display Types: You can color regions, plot markers or add text labels to your map. Or combine markers and coloured regions in the same map using advanced technique
Interactivity: You’ll be able to set click actions to the text, markers or regions colored, including: Open new URL, Display custom HTML content below or above the map, Display an alert message, Run custom javascript code
CSS Hacks Made Easy: The Geochart API doesn’t some customization options, but we make it easy to implement them anyway with CSS: Country border color and size; Hover color; Tooltip customization;