How to create Openlayer Feature previews in a dropdown menu?

Question

I am trying to create a menu which shows the list of openLayer Features saved in database with a preview option.each preview can have multiple Openlayer features(grouped features).I couldn't find a way to place the features in a small scale area. Do you have any ideas for achieving this? I am using Openlayers4.

When I click the drop down options, the features will be placed over the map based on the GeoJSON saved in db. I tried to put the items in a small canvas which is not working

score 2 · Answer 1 · answered May 07 '19 at 17:54

2

The ol.control.Legend of ol-ext has a getStyleImage method to get a canvas legend of the feature. Look at this example http://viglino.github.io/ol-ext/examples/legend/map.control.legend.html

answered May 07 '19 at 17:54

Viglino Jean-Marc

1,371
8
6

Thank you, Can I use it to create exact images of shapes drawn over the map and place it in a separate html canvas? – CodeBuggy May 08 '19 at 05:38
@ViglinoJeanMarc Could you please check the above comment? – CodeBuggy May 08 '19 at 08:30
1

Look at ol/render/toContext https://openlayers.org/en/latest/apidoc/module-ol_render.html to draw features in your own canvas. – Viglino Jean-Marc May 08 '19 at 16:50

How to create Openlayer Feature previews in a dropdown menu?

1 Answers1