• Description
• Main features
• JSON format
  • Directly specified objects
  • Objects based on recently added objects
• JSON usage
  • Text field
  • URL parameters
• Dependencies

Yet another (supposed to be simple) tool to add geo objects on map. Try it on GitHub Pages.

• Adding object(s) on the map:
  • via inputting parameters (latitude, longitude and accuracy) in form fields for single object
  • via inputting JSON array of coordinates for single or multiple objects
  • via entering URL parameter
  • by shift-clicking on the map
  • with or without marker's pin or dot
  • with custom color, line weight and line dashes
  • by applying function to recently added objects (group objects)
• Supported object's types:
  • point
  • circle
  • line and polyline
  • polygon
  • rectangle (only in JSON)
• List of added objects with opportunity to:
  • view full info
  • copy object to clipboard
  • locate (fly to) certain object
  • delete certain object
  • copy all objects to clipboard
  • show all objects
  • delete all objects
• Map controls:
  • selecting tile layers (OpenStreetMap, Wikimedia etc.)
  • geolocating current position of the device
  • show address (geocoding) in popup of object's markers (disabled by default in settings)
  • ruler for measure distance
• Other:
  • setting of object creation and other options
  • store user settings in localStorage, also last clicked coordinates on the map as the center point of the map on next page load.

Point

Example with all required parameters ("type", "coords") and almost all optional (name of "color", "azimuth", "showMarkerPin", "showMarkerDot"):

[
   {
      "type": "point",
      "coords": [
         {
            "lat": 55.039372,
            "lon": 37.552016
         }
      ],
      "color": "black",
      "azimuth": 45,
      "showMarkerPin": false,
      "showMarkerDot": true
   }
]

Circle

Example with all required parameters (type, coords, radius) and some optional (RGBA color, showMarkerPin):

[
   {
      "type": "circle",
      "coords": [
         {
            "lat": 56.325227,
            "lon": 37.854250
         }
      ],
      "radius": 10000,
      "color": "rgba(51, 136, 255,0.95)",
      "showMarkerPin": false
   }
]

Polyline

Example with all required parameters (type, coords) and one optional (HEX color):

[
   {
      "type": "polyline",
      "coords": [
         {
            "lat": 55.124319,
            "lon": 36.777198
         },
         {
            "lat": 56.273381,
            "lon": 38.777437
         },
         {
            "lat": 55.630222,
            "lon": 39.332448
         }
      ],
      "color": "#6e14ef"
   }
]

Polygon

Example only with required parameters (type, coords):

[
   {
      "type": "polygon",
      "coords": [
         {
            "lon": 36.426052,
            "lat": 56.181837
         },
         {
            "lon": 39.201706,
            "lat": 56.160414
         },
         {
            "lon": 38.987349,
            "lat": 55.143146
         },
         {
            "lon": 36.327118,
            "lat": 55.290538
         },
         {
            "lon":36.426052,
            "lat":56.181837
         }
      ]
   }
]

This will add a "circle" object around the objects with the given IDs:

[
   {
      "type": "group",
      "function": "drawCircleBounds",
      "objectIDs": [2, 3, 7],
      "color": "black",
      "weight": 1,
      "showMarkerPin": false,
      "showMarkerDot": true
   }
]

Enter JSON into the text field on array tab. JSON must contain one array with one or more objects in curly brackets comma separated:

[{object_1}, {object_2}, ..., {object_n}]

Use URL parameter tab=array together with addArray=[{obj_1}, {obj_2}, ..., {obj_n}]:

https://bazhanius.github.io/simple-geo-tool/?tab=array&addArray=[{obj_1}, {obj_2}, ..., {obj_n}]

• Leaflet
• Nominatim
• MDC (Material Design Components)
• MDI (Material Design Icons from the Community)