DNN Interactive World Maps Module


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.

Interactive World Maps
  • 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;


  • Back to top