Ajout code carte OpenStreetMap, oui mais où ?

[calypsoh]

Bonjour à tous.

Version de PrestaShop 1.6.1.24
Nom du thème utilisé default-bootstrap (modifié)
Version de PHP 7.1

J'vais poser une question bateau...

Je désire ajouter une carte directement dans une page CMS ou sur la page d'accueil via l'éditeur de page d'accueil, en utilisant Leaflet 1.6.0 : https://leafletjs.com/
Le Quick Start Guide explique pourtant très bien la méthode, mais je suis perdu dans Prestashop, Wordpress ça aurait été ok...

Qui pourrait m'aider ou m'orienter pour comprendre où rajouter ces CSS file et JavaScript file etc. ?

 

Merci beaucoup pour l'aide.

Edited August 6, 2020 by calypsoh (see edit history)

[calypsoh]

Je ne sais pas si certains auraient réussi à implémenter une telle carte basée sur OpenStreetMap : Leaflet 1.6.0 : https://leafletjs.com/, mais j'ai lâché l'affaire pour l'instant en implémentant temporairement une Gmaps en validant l'accès Iframe dans les préférences. Parce que la page Nos magasins sous PS 1.6 avec validation API etc., c'est carrément relou.

Petit détail de paramétrage Iframe que je ne connaissais pas encore, heureusement qu'à Nantes ça bouge question entraides.

Si quelqu'un a des connaissances pour Leaflet, ça m'intéresse carrément.

Merci.

Edited August 6, 2020 by calypsoh (see edit history)

[AJulien]

Bonjour,
si tu as trouvé comment faire ou si quelqu'un l'a fait je veux bien aussi être notifié.
En effet, j'ai suivis la méthode basique expliqué partout pour leafletjs. J'ai ajouté dans mon tpl header les liens qu'il fallait ajouter dans la head, j'ai ajouté ma carte là ou je la voulais (mon contact form).
Mais quand je met le lien vers mes tuiles (L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}',{[...]) et ça peu importe la source, donc même si je ne passe pas par mapbox, cela me génère une erreur 500 sur ma page contact.

Si quelqu'un a une solution, je suis preneur.
Merci

[iSung]

up