Now included in olstaticimage.html.erb, but handy to develop on this page.

OpenLayers Static Image Filtered and Cropped Only have cropping implemented.

or ol-ext examples (OpenLayers Extensions-Viglino)

Complex example using React. This is transform not crop

crop-dev-controller. Building up to what's needed for crores

crop-controller with data read from json or db. See crop_controller on its own page

/app/public/ol_ext_crop.geojson
ol.filter.Crop crop a map or a layer using a feature area.
ol.filter.Mask mask a map or a layer using a feature area. You can choose the color of the mask.

Following not hooked up to Stimulus yet, although the checkboxes are set up

  • Filter:
  • Color of the mask: (mask only)

A part a larger image.

OpenLayers examples don't have a "snippet", i.e., selected part of image. PS: Even the Static example has the controls off the side. But ol-ext does.

Stimulus controller. ol_ext_crop_controller.js
< < < Use nav bar at left. < < < The following may not be complete
OpenLayers with a Static Image < Home Page > Leaflet with a map and markers