Map solution based on Google map Custom interactive maps sample showcase
- Visualize Business Sales Data in Europe using Heat Maps
- CSV Address Geocoding with Icon Filter and Information Box
- US States Overlay on Google Maps
- Census Data and Demographics Map
- Central Paris Map with Scattered Markers
- Crowd Sourcing Map / Crowd Mapping
- Congressional District Map with ZIP Code Search
- Represent Multiple Database Stats on Heat Map/ Choropleth Map
- Apply Geographical Area Polygon Overlay on Google Maps
- Density Heat Map
- Category Legend, Hide / Display Overlay Objects / Map Layers
- Distance Measuring and Driving Directions between Locations
- Filter the Markers Based on the Category
- Rally Map across Provinces of Nigeria
- Create a custom image map on Google maps
- Create Data Clustering Live Maps, Data Mining Maps
- Import Excel Spreadsheet data to generate US Population Map
Flash based Interactive Maps Created using iMapBuilder Online
- Gini Index Map as an Intensity (Heat) Map
- Airline Operations Across the Atlantic
- Customized Interactive Engineering Projects Flash Map
Interactive HTML5 Map Making ( Custom Map Projects )
Congressional District Map with ZIP Code Search
Showcase > Map solution based on Google map >
This demo shows the usage of Geocoding API of Google Maps to decipher the exact location of the ZIP code, and highlight the corresponding congressional district the ZIP code locates. You can enter a ZIP code underneath the map and click "Search" to see the result.
- Google Maps in normal view with congressional districts overlay.
- ZIP code search which uses the geocoding API from Google to resolve the ZIP code into respective longitude and latitude values
- Match the resulting coordinates with the boundaries of congressional districts
- If there is a match, the corresponding congressional district would be centered and lighted up in red
- The exact location of the ZIP code would be displayed as a pin
Note: The demo here uses congressional districts coordinates up to 1 decimal place. Contact Us for more accurate datasets.
iMapBuilder Online - Google Map Editor creates interactive Google Map and custom image map online with no programming required. Create custom Google Map by following the steps in the video tutorials:
Video Tutorial: How to create an interactive map by using GMap Editor
Video Tutorial: How to add markers in the Google Map Editor
Video Tutorial: How to add polylines in custom map
Video Tutorial: How to insert image to the popup box in a Custom Google Map
Sign up a FREE account to create your custom Google Map.
Create Cross-Platforms HTML5 Image Map
iMapBuilder HTML5 Map Builder creates interactive cross-platform image map that supports desktops, tablets, and other mobile devices (e.g. iPhone and Android devices). Using iMapBuilder mapping software, various overlays can be added into the map without coding knowledge.
Video Tutorial: Create Interactive HTML5 Map with Overlays
Video Tutorial: Create HTML5 Heat Map
Download the trial version of HTML5 Map Builder to create your own image map.