[front] Réagir au clic droit avec l'affichage d'un menu

[AdrienVH]

• Affichage d'un XY
• Lister les ports proches
• Lister les bateaux proches

[AdrienVH]

map.getViewport().addEventListener('contextmenu', function (event) {
    event.preventDefault()
    console.log(event)
    const xy = ol.proj.transform(map.getEventCoordinate(event), 'EPSG:3857', 'EPSG:4326').map(c => c.toFixed(6)).join(',')
    $('#menu').html(xy).css('top', event.clientY).css('left', event.clientX).show()
})

[AdrienVH]

#menu {
    display: none;
    position: absolute;
    width: 200px;
    height: 200px;
    font-size: 14px;
    font-family: 'Share Tech Mono', monospace;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    cursor: default;
}