Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

How to implement a clickable image/svg/map into the apex application?

joachimAug 23 2023

Hi there!

I'm desperately trying to figure out, how to do this:

I do have an image/ground plan of a garden (or whatever) and want to place flowers (objects) by clicking on this image, the click-coordinates have to be stored in a table. The plants description also comes out of another table and should be shown as a popup when the user places the mouse over the marked coordinates. The last step would be to make the marks editable, but thats not a key feature.

Therefore, I have to solve several problems:

  1. which technique to use?
    1. Oracle Apex Map-Region seems not to fit , as I cannot design own (little) maps (?).
    2. Html Imagemap does work, but has no way to show/style the area shape (and so you cannot see the clicked positions)
    3. SVG maybe works, but has issues in working together with APEX (set/get page items. Also coordinate transforming of the scalable picture is a pain in…)
  2. Using SVG as a possible solution, how can i read the x-y-coordinates of the click-event into the two page items ?

I'm really struggling in finding examples/solutions for that one. But…it's just a responsive website/application, right? ;-)

I would be really thankful, if you could set me on the right track!

Cheers!

Jo

This post has been answered by Paulo A. Künzel on Aug 25 2023
Jump to Answer
Comments
Post Details
Added on Aug 23 2023
12 comments
2,554 views