Map Information

The icons on this map represent food price locations:

  • Top number: Number of locations in this cluster
  • Bottom number: Total number of price entries in this cluster

The colors of the icons represent the ratio of price entries to locations in the cluster.

How to use this map:
  • Click and drag to move the map.
  • Use the mouse wheel or pinch to zoom in and out.
  • Click on a cluster with multiple locations to zoom in and view the individual locations.
  • Click on a cluster with one location to view a table of prices for that location.
  • Click on the "Map Information" button to view this information.
  • Click on the "Reload All Location Data from API" button in this modal to refresh the data.
The data is sourced from the Open Prices API, an Open Food Facts project.
The map is powered by Leaflet, a JavaScript library for interactive maps.
The map tiles are provided by OpenStreetMap, a collaborative mapping project.
The marker clustering is handled by Leaflet.markercluster, a plugin for Leaflet that adds clustering functionality.