Restez Connectés présente

Module Divi OpenSreetMap

Avec cette extension, ajouter des cartes OpenStreetMap sur vos pages Divi.

Module DIVI OpenStreetMap

Exclusivement développé pour WordPress, personnalisable avec de nombreuses options.

Extension Premium

Cette extension est disponible uniquement dans notre boutique.

 

Support

Je maintiens l’extension à jour et assure le support.

 

En français

Extension fièrement développée par un français ! Cocorico…

 

Module DIVI OpenStreetMap

Créez vos cartes OpenStreetMap

 

  • Ajouter une carte dans une section Divi normale ou en plein écran
  • Multi-maps possible en pleine largeur, normale ou les deux !
  • Option disponible pour grouper vos marqueurs
  • Intégration avec un Custom Post Type possible

Obtenez les coordonnées de vos marqueurs sur cette page dédiée!

Installation

1. Téléchargez le répertoire complet dans votre répertoire ‘/wp-content/plugins/’.
2. Activez l’extension sur la page d’administration des extensions
3. Aller dans une page pour ajouter une carte avec le module OpenStreetMap

 Vous pourrez :
– créer une page avec une carte globale de tous vos marqueurs issus de votre CPT
– afficher une carte sur chaque CPT via un modèle Thème Builder (fichier exemple model-cpt.json fourni).

Attention : veillez à ce qu’aucune extension de minifie les JS et les CSS de “Module DIVI OpenStreetMap”. Il se pourrait alors que l’affichage de la carte ne fonctionne pas.

Chargement des scripts et styles

Pour charger les scripts et styles sur une page bien précise :
– allez au menu ‘Made By RC -> DIVI Module OpenStreetMap’,
– cochez la case “Oui” pour désactiver le chargement partout
– Sélectionnez une ou plusieures pages désirées et cliquez sur “Ajouter” ou entrez les ID des pages sur lequelles s’afficheront les cartes.

Pour charger les scripts et styles sur un Type de publication personnalisé bien précis :
– allez au menu ‘Made By RC -> DIVI Module OpenStreetMap’,
– cochez la case “Oui” pour désactiver le chargement partout
– Sélectionnez un ou plusieurs Type de publication personnalisé et cliquez sur “Ajouter”

Module DIVI OpenStreet Map - Paramètres

Intégration avec un Custom Post Type

Vous pourrez :
– créer une page avec une carte globale de tous vos marqueurs issus de votre CPT
– afficher une carte sur chaque CPT via un modèle Thème Builder (fichier exemple model-cpt.json fourni).

Attention :

  • veillez à ce qu’aucune extension de minifie les JS et les CSS de “Module DIVI OpenStreetMap”. Il se pourrait alors que l’affichage de la carte ne fonctionne pas.
  • Si vous utilisez une extension de cache, excluez les fichiers JS.
    Par exemple avec WP Rocket, ajouter “/wp-content/plugins/divi-module-openstreetmap/scripts/(.*).js” dans “Charger le JavaScript en différé“.
Paramètres Marqueur OSM

Déclaration à la création de votre Custom Post Type

Voici les métadonnées dont vous aurez besoin de déclarer :

  • La latitude et la longitude du point : VOTRE_CPT_latitude et VOTRE_CPT_longitude. 
    Nouveau : déclarez juste “coordinates” (ex. 45.7566324,4.8393037)

Voici les métadonnées disponibles mais optionnelles :

– Afficher un lien sur le titre : VOTRE_CPT_link_title
– Afficher un lien sur la miniature : VOTRE_CPT_link_thumbnail
– Cible du lien : VOTRE_CPT_link_target
– Afficher un lien “Voir plus” : VOTRE_CPT_link_more
– Texte affiché pour le lien “Voir Plus” : VOTRE_CPT_link_text_more
– Le texte affiché pour chaque marqueur : VOTRE_CPT_text_marker
– Le lien personnalisé (si besoin) : VOTRE_CPT_link_custom_link

Créer / Editer vos catégories

La création se fait tout simplement avec en plus une icône à choisir.

Cette icône déterminera tous les points de cette catégorie sur la carte.

Intégrer un CPT OSM
Intégrer un CPT OSM

Réglages requis :

Vous aurez besoin :

– d’activer la fonction “Marqueurs CPT” dans les paramètres de la carte
– de choisir le slug du Custom Post Type que vous souhaitez afficher
– de choisir ou non des catégories précises. Entrer leur slug séparé d’une virgule
– de préciser la taxonomie de la catégorie que vous aurez déclarée pour votre Custom Post Type

Pour vous aider, téléchargez ce dossier ZIP.

Il comprend :

– un fichier functions.php (modèle pour votre thème enfant, pour inclure les autres fichiers),
model-cpt.json pour construire le modèle via le “Thème Builder”,
– le dossier /includes/ incluant le fichier cpt.php (les fonctions qui vont créer un Custom Post Type : points_de_vente),
– le fichier taxonomy-img.php (fonctions qui vont personnaliser vos catégories – POST et CPT – avec une image et une icône : celle pour votre carte)

Journal des événements

13 juillet 2024

VERSION 1.2.8

* Plus besoin de précisez dans la création des CPT les champs optionnels. Ils peuvent être utilisé quand même pour des points spécifiques
* Ajout des “En savoir plus” sur tous les marqueurs (même sans CPT)
* Metabox via ACF : “coordinates” possible au lieu de “CUSTOM_CPT_latitude” et “CUSTOM_CPT_longitude”
* Peut utiliser les extraits pour la description au lieu de “CUSTOM_CPT_text_marker”
* Possibilité d’ajouter une carte pour chaque CPT avec l’affichage du point et/ou l’affichage de tous les points de la catégorie

06 Avril 2024

VERSION 1.2.7

* Nettoyage du code

01 Janvier 2024

VERSION 1.2.6

* Retrait de la clé de licence

08 Août 2023

VERSION 1.2.4

* Correction d’un bug sur l’affichage des cartes sur des pages précises

26 juillet 2023

VERSION 1.2.3

* Ajout d’un bouton de suppression de la licence

04 avril 2023

VERSION 1.2.2

* Ajout du choix d’icône général
* Ajout du choix de couches de base
* Ajout de la recherche sur une carte
* Ajout de la géolocalisation de l’utilisateur

11 octobre 2022

VERSION 1.2.1

* Correction du bogue sur les Clés de licences
* Prêt pour WordPress 6.1

31 janvier 2022

VERSION 1.2.0

* Ajout de paramètres pour le chargement des script et styles.

29 janvier 2022

VERSION 1.1.9

* Bug résolu sur la carte avec les types de contenu personnalisé
* Compatible avec la version 5.9 de WordPress

23 juin 2021

VERSION 1.1.8

* Bug résolu sur l’affichage des types de contenu personnalisé.

VERSION 1.1.7

* Refonte sur la mise en place d’une carte avec des types de contenu personnalisé.

VERSION 1.1.6

* Bug résolu sur l’affichage limité des le types de contenu personnalisé.

06 avril 2021

VERSION 1.1.5

* Affiche maintenant une carte pour la page détails de vos types de contenu personnalisé en utilisant un modèle via le Thème Builder

22 mars 2021

VERSION 1.1.4

* Compatible WordPress version 5.7
* Bug d’affichage résolu en cas de marqueur sans texte

VERSION 1.1.3

* Compatible WordPress version 5.6

VERSION 1.1.2

* Compatible WordPress version 5.5

VERSION 1.1.1

* Bug mineur résolu sur le calcul de l’ancre des marqueurs

02 mars 2020

VERSION 1.1.0

* Chargement des fichiers JS et CSS de Leaflet en local
* Compatible WordPress Multisite

19 février 2020

VERSION 1.0.9

* Bug réglé sur les marqueurs

08 février 2020

VERSION 1.0.8

* Bug réglé sur l’affichage des infos du marqueur
* Ajout d’une option : CPT possible en plus des autres marqueurs

04 février 2020

VERSION 1.0.7

* Bug réglé sur l’affichage d’une carte simple

01 février 2020

VERSION 1.0.6

* Bug réglé sur un problème sur la licence

27 janvier 2020

VERSION 1.0.5

* L’affichache de Multi Maps est possible
* Bug réglé sur l’affichage d’une carte en pleine l’argeur

20 janvier 2020

VERSION 1.0.4

* Ajout d’une licence d’activation et mise à jour
* Bugs mineurs réglés

18 janvier 2020

VERSION 1.0.3

* Bug sur le chargement des scripts Leaflet réglé, déplacement des scripts

15 décembre 2019

VERSION 1.0.2

* Bug sur le chargement des scripts Leaflet réglé
* Bug sur le regroupement des marqueurs réglé
* Module réorganisé

11 octobre 2019

VERSION 1.0.1

* Bug sur le regroupement des marqueurs réglé
* Première version

Toutes vos données restent à l'abri, elles ne seront jamais communiquées ou vendues à des tiers.

J’accepte que les informations recueillies via ce formulaire soient enregistrées afin de recevoir par e-mail des mises à jours sur nos produits, offres spéciales et actualités, traitées conformément à nos mentions légales. Vous pouvez vous désinscrire à tout moment à travers les liens de désinscription.

Pin It on Pinterest