Discussion :

[micker]

Hello je me pose la question sur comment réaliser une mini-carte image avec un version interactive en popup

L'idee c'est un champ pour mettre la longitude et la lattitude (ca je sais faire) et derriere je genere une mini carte au format image et quand on clique dessus elle s'ouvre en grand (popup) en mode interactive

Via l'API de Google il y a bien un systeme de generation de jpg ... Mais avec la nouvelle tarification... Je passerai bien par leaft ou mapbox

Des idées si c'est faisable si oui comment ?

Merci

[Doksuri]

perso, j'ai adopte leaflet comme alternative a google, et je trouve ca genial

de base, il n'y a pas de mode d'exportation de la carte (leaflet), mais tu peux tres bien "empecher" le deplacement et le zoom de la carte.

sinon, il existe des librairies pour generer un screenshot d'un element (ta carte)

[micker]

Cool merci
tu aurais des ressources pour générer cela que je puisse étudier la faisabilité ?
Merci

[Doksuri]

html2canvas.hertzen.com (le github github.com/niklasvh/html2canvas)

[micker]

Cool, je voulais dire niveau carte bloqué qui ouvre une carte grand ? c'est faisable ?

[Doksuri]

ah pardon ^^

dans la doc leaflet, t'as tout ce qu'il te faut, par exemple https://leafletjs.com/reference-1.4.0.html#map-dragging

apres, tu peux ouvrir une nouvelle fenetre avec window.open() (mais la plupart des navigateurs ouvrent une fenetre dans un onglet, du coup tu n'auras peut-etre pas l'effet "popup" souhaite.)
=> tu peux simuler une popup avec du css sinon

[micker]

cool merci
je pense que je vai partir sur du mapbox ... 50000 cartes par mois ... ca devrait être bon
la generation de la map en jpg c'est ok
https://docs.mapbox.com/help/how-map...s/static-maps/
restera l'ouverture en popup je pense que je vais passer en fullscreen ce sera mieux en responsive https://docs.mapbox.com/mapbox-gl-js...le/fullscreen/