Leaflet Drawing Experiments

Experiments:

  1. Leaflet boilerplate.
  2. Editor: Custom Drawing.
  3. Editor:Save out GeoJSON by pressing capital S.
  4. Editor:Load GeoJSON by using the button at the bottom of the page.
  5. Editor:Load GeoJSON that has titles for polygons and multimedia links in popups.
  6. Editor: Editing names and multimedia of polygons, loading and saving too.
  7. Client: Loading a tour from the Editor, displaying images based on location. Currently broken.
  8. Client: loading a Cartuja tour created using geojson.io.
  9. Debug: loading a Cartuja tour, constantly displaying distance from the geofences.
  10. Client: loading a Holland Park tour created using geojson.io.
  11. Debug: loading a Holland Park tour, constantly displaying distance from the geofences.
  12. Debug: loading a Holland Park tour, displaying a map, live location and multimedia on click.

If you want to see some custom GeoJSON with multimedia already added, which you could load into Load GeoJSON that has titles for polygons and multimedia links in popups, then save this file (tourWithTwoPolygonsAndLabelsAndMultimedia.geojson) to your desktop or somewhere else local and upload it to the previously mentioned example - each polygon will have a label which is a weblink to an image - best to right click the link and open in another tab or window so that you don't lose the data you've already loaded!

Please see the GitHub repo of this project for source code and the like.

πŸ––πŸ»πŸ‡¬πŸ‡§πŸ΄σ §σ ’σ ·σ ¬σ ³σ ΏπŸ΄β€β˜ οΈπŸ³οΈβ€πŸŒˆπŸ³οΈβ€βš§οΈ