aMap

aMap - Ajax Map & USA Data Visualizer

Interactive SVG & CSS USA Map for Drupal 10 & 11

aMap (Ajax Map) is a lightweight Drupal module that renders an interactive map of the United States, dynamically changing regional and state colors based on external JSON data or custom CSS configurations. Perfect for visualizing geographic data, regional statistics, or multi-state coverage directly inside your Drupal site.

Core Features

• Dynamic JSON Data Binding: Feed live or static JSON endpoints into the map to automatically update state colors, territories, or regions in real-time.
• CSS-Driven Styling: Easily override and customize state appearances, hover states, and color scales using clean, responsive CSS themes.
• Interactive Regions: Render clickable or hoverable geographical areas to display tooltips, regional metrics, or trigger downstream AJAX actions.
• Modern Drupal Compatibility: Fully tested and built for Drupal 10 and Drupal 11, utilizing modern composer workflows and best practices.

Use Cases

• Election & Polling Results: Display county-by-county or state-by-state voting shifts dynamically.
• National Footprints & Coverage: Show store locations, service availability, or federal program reach across the USA.
• Statistical Dashboards: Visualize demographic data, economic indicators, or geographic metrics tied to backend data feeds.

Installation & Setup

Install the module standardly via Composer:

composer require 'drupal/amap:^1.1'

Once enabled, configure your JSON data sources and map appearance through the module settings or embed the map block into any layout via Drupal's block layout system or Layout Builder.

Requirements

• Drupal 10 or Drupal 11
• AJAX-enabled browser environment

Related Modules & Ecosystem

• Views - Can be leveraged to output structured JSON data payloads for regional mapping.