Openstreet Map - Bubble Plugin

Demo App : Votre application Bubble (bubbleapps.io)

‍

Éditeur : Noxcod-plugins | Bubble Editeur

‍

Une version simple de la carte leaflet avec le support des marqueurs, des icônes personnalisées et quelques autres fonctionnalités.

‍

Ce plugin utilise maptiler.com comme fournisseur de tuiles.

‍

Caractéristiques :

1. Des marqueurs avec des icônes personnalisées.
2. Sélectionnez l'adresse et les propriétés des icônes pour les marqueurs.
3. Définir l'icône de marqueur par défaut.
4. Définissez le centre initial, l'icône du centre et les niveaux de zoom max et min. Localisez l'emplacement actuel, changez le centre de la carte et le niveau de zoom de manière dynamique par les actions workflow .
5. Récupérer automatiquement le niveau de zoom actuel et un centre de carte.
6. Déclenchez workflows sur tout clic de n'importe quel marqueur. Utilisez également les données correspondantes dans votre workflow

‍

Mode d'emploi

1. Entrez votre propre clé API Google Geocode dans les paramètres de votre application bubble .
2. Veuillez consulter le lien ici pour plus d'informations.
3. S'il vous plaît l'élément "Leaflet Map" sur votre application, et configurer les propriétés.

‍

Propriétés

• Centre de la carte - Le centre initial de la carte.
• Icône du centre - L'icône du centre de la carte initiale.
• Zoom initial - Choisissez le niveau de zoom initial
• Max Zoom - Le niveau de zoom maximum jusqu'auquel cette couche sera affichée.
• Min Zoom - Le niveau de zoom minimum auquel cette couche sera affichée.
• Type de marqueur - Choisissez le type de source de données.
• Source de données - Choisissez la source de données des marqueurs.
• Champ d'adresse - Choisissez le champ pour la position de chaque marqueur.
• Champ d'icône - Choisissez le champ pour l'icône personnalisée de chaque marqueur.
• Icône par défaut - Choisissez l'icône par défaut de chaque marqueur.

‍

Exposé states

• Map ID - ID unique de l'élément de carte.
• Marqueur sélectionné - Les données attribuées à un marqueur choisi.
• Zoom actuel - Le niveau de zoom actuel de la carte.
• Centre actuel - Le centre actuel de la carte.

‍

Actions

• Localiser - Effectuer un panoramique sur l'emplacement actuel.
• Centrer sur l'adresse - Effectuer un panoramique vers l'adresse spécifiée.
• Définir le niveau de zoom - Définissez le niveau de zoom de la carte.

‍

Événements

• Marqueur cliqué - déclenché lorsqu'un marqueur est cliqué.
• Zoom terminé - déclenché lorsque le zoom de la carte a changé, après toute animation.
• Déplacement terminé - Déclenché lorsque le centre de la carte cesse de changer (par exemple, l'utilisateur a cessé de faire glisser la carte ou après un zoom non centré).
• Carte chargée : déclenché lorsque la carte est initialisée (lorsque son centre et son zoom sont définis pour la première fois).