H3 Hexagon Mapper

Standalone Hexagons
Grayscale Map
Tools
Data
BSD 3-Clause License
Buy Me A Coffee
Lat: 0, Lon: 0

Help

Touch Instructions
  • Context Menu: Long-press (hold) on the map to open the context menu.
  • Add Hexagon: Long-press on the map to add a hexagon at that location.
  • Remove Hexagon: Long-press on an existing hexagon to remove it.
Standalone Hexagons

Individual hexagons you can add anywhere on the map. Use the toggle to enable or disable this feature.

  • Enable/Disable: Toggle to enable/disable adding hexagons. When disabled, settings are hidden.
  • Add a Hexagon: Click on the map to add a hexagon at the clicked location.
  • Remove a Hexagon: Click on an existing hexagon to remove it.
  • H3 Resolution: Use the slider to adjust H3 resolution (0-15).
  • Color & Opacity: Use the color picker and opacity slider.
Map Display
  • Grayscale Map: Toggle to switch map tiles between normal color and grayscale view.
  • Cursor Coordinates: Real-time coordinates displayed at the bottom-left as you move the mouse.
Tools

Add Partner

  • Open Form: Click "Add Partner" to open the partner form with empty coordinates.
  • Enter Location: Manually provide latitude and longitude for the partner.

Measurement Mode

  • Activate: Click "Measurement" to enable measurement mode. Controls will be dimmed and disabled, and a "Measurement Mode" indicator bar will appear at the top with a pulsing "Stop" button.
  • First Click: Sets the starting point. A black circle marker appears at the start location, and a dashed line follows your cursor as you move.
  • Second Click: Completes the measurement. An end marker appears, the dashed line stays visible, and the final distance is displayed.
  • Third Click: Clears the measurement (line and markers) and starts fresh with a new starting point.
  • Line Color: Use the color picker in the indicator bar to customize the measurement line color.
  • Exit: Click the "Stop" button or press Esc.
Right-Click Context Menu
  • Open: Right-click anywhere on the map to open a context menu.
  • Add Partner Here: Opens partner form pre-filled with clicked coordinates.
  • Customer Info Here: View detailed hexagon and partner info at the clicked location.
Partner Management

Add and manage H3 hexagonal zones around specific locations.

Add (Tools): Click "Add Partner" in Tools → enter coordinates manually.

Add (Context): Right-click map → "Add Partner Here" with pre-filled coordinates.

Edit: Click partner marker → "Edit Partner"

Delete: Click partner marker → "Delete Partner"

Partner Form

  • Partner ID: Unique identifier
  • Coordinates: Lat/Lon location
  • Primary Zone: Resolution, zones, color
  • Secondary Zone: Optional extra layer
  • Delivery Area: Draw interactively or paste KML/WKT

Draw Delivery Area

  • Activate: Click "Draw Delivery Area" button
  • Draw: Click map to add points (min. 3)
  • Close: Click near start point (turns green)
  • Multi-Polygon: After closing, draw another polygon or save
  • Export: Choose WKT or KML format. Separate polygons export as MULTIPOLYGON or multiple Placemarks. Nested polygons become holes (inner rings).
  • Undo point: Press Esc to remove last point
  • Undo polygon: Press Esc to remove last completed polygon (confirmation required)
  • Cancel: Press Esc when no points or polygons, or click Cancel button

Partner Info

  • Toggles: Show/hide zones & delivery area
  • Highlight Intersection: When a delivery area is defined, highlight hexagons that intersect with it. Available when delivery area and at least one zone are visible.
  • Limit Delivery to Primary: When enabled (default), if the delivery area is entirely inside the primary zone, secondary zone hexagons are marked as NOT intersected. This prevents double-counting. Only visible when both delivery area AND secondary zone exist.
  • Statistics: Resolution, zones, hexagon count, and intersection count when delivery area exists. Includes a visual coverage bar showing the percentage of hexagons intersected by the delivery area.
Customer Info

View detailed information about hexagons and partners at a specific location.

  • Open: Right-click on map → "Customer Info Here"
  • Coordinates: Shows latitude and longitude of the clicked location.
  • Summary: Total hexagon and partner count at the location.
  • Partners Arriving: Partners whose hexagons cover this location. If a partner has a delivery area, only hexagons intersected by it are included.
  • Hexagons at Location: All H3 hexagons (standalone and partner) at the clicked point, sorted by resolution (highest first).
Data Management
  • Save: Download hexagons and partners as JSON.
  • Load: Import hexagons and partners from JSON.
Source & Libraries
Support the Project

If you find this tool helpful, consider buying me a coffee to support future development!

Buy Me A Coffee

Ivan Franchin © 2026

Add Partner

Primary Zone

Customer Info

Coordinates
0
Hexagons
0
Partners
Partners arriving at the location
Hexagons at Location

Unknown

Primary Zone

Primary H3 hexagons

Secondary Zone

Secondary H3 hexagons

Delivery Area

Custom polygon (KML/WKT)

Highlight Intersection

Hexagons intersected by delivery area

Limit Delivery to Primary

Skip secondary intersection if delivery inside primary

Statistics

Primary Zone
H3 Resolution: -
Zones: -
Hexagons: -
Intersected: -
0%