Project

General

Profile

Feature #978

Image Overlay in Leaflet

Added by Stefan Eichert 5 months ago. Updated about 2 months ago.

Status:
Acknowledged
Priority:
Low
Assignee:
-
Category:
Maps
Target version:
Start date:
2019-01-17
Due date:
% Done:

0%

Found in version:

Description

For detailed digitisation of archaeological and other structures it will be necessary to enable image overlays in the map.
This can be achieved by using the leaflet imageoverlay function: https://leafletjs.com/reference-1.4.0.html#imageoverlay

E.g for the plot of the Stará Kouřim cemetery. Therefore it needs a rectified image file with known bounds. This file can be added to the map by:

var imageUrl = 'plots/Kourim_north_georeferenced.png',
imageBounds = [[49.99800, 14.99246], [49.99747, 14.99328]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);

Maybe we can, for the beginning, add this image hardcoded as a test into the dpp-map and for the future, work on a feature to dynamically add image files to the map by defining their imagebounds either by coordinates/bounding boxes or by choosing the coordinates in the map.

I added a screenshot of one of my test versions as well (The image is displayed there with activated alpha channel so the background is transparent).

bw and thx

Stefan

PS: the "immediate" priority is not to be considered soooo seriously ;-)

Update:

  • Information is saved in web schema of database (image_id, place_id, 4 text input for bounding box)
  • Set image as overlay in place (the 'top' one) in the file tab like the profile image
  • Show overlay (default show) if at view, update or insert of this place or a subunit
  • Settings option to use overlays

Kourim_north_georeferenced.png View (12.5 MB) Stefan Eichert, 2019-01-17 16:17

screenshot_kourim.png View (317 KB) Stefan Eichert, 2019-01-17 16:19

History

#1 Updated by Alexander Watzinger 5 months ago

  • Status changed from New to Acknowledged
  • Assignee deleted (Alexander Watzinger)
  • Priority changed from Immediate to Low
  • Target version set to Wishlist

This feature will require

  • Adoptions in the backend: add new images with additional information like georeferencing
  • Adoptions to the map: a frontend developer, Christoph will start in February
  • Some conceptional work e.g. adding an extra view for basemap image manipulation. It has to be considered that, among other things, raising the zoom level will render the standard basemaps unusable.

Maybe we discuss it at the next meeting. About creating issues, especially about priority and assignee maybe take a look at: How to report an issue

Thank you for reporting with such detailed informations, it sounds like an interesting cool feature, Alex

#2 Updated by Alexander Watzinger 5 months ago

  • Subject changed from Feature Request: Image Overlay in Leaflet to Image Overlay in Leaflet

#3 Updated by Alexander Watzinger 2 months ago

  • Target version changed from Wishlist to 3.18.0

#4 Updated by Alexander Watzinger about 2 months ago

  • Description updated (diff)

#5 Updated by Alexander Watzinger about 2 months ago

  • Description updated (diff)

#6 Updated by Alexander Watzinger about 2 months ago

  • Description updated (diff)

#7 Updated by Alexander Watzinger about 2 months ago

  • Description updated (diff)

#8 Updated by Alexander Watzinger about 2 months ago

  • Target version changed from 3.18.0 to 3.19.0

Also available in: Atom PDF