Dev Faq
0
votes

Favoris de la feuille contextuelle montrant au coin supérieur gauche dans la première fois

J'ai ajouté un menu contextuel pour mapper dans la notice. Avant le premier contextMenu code> événement, le contextMenu code> s'affiche dans le coin gauche sur la carte. 

let options = { 
    maxZoom: 20 ,
    contextmenu: true,
    contextmenuItems: this.mapContextMenuItems
}

this.map = L.map("map", options).setView([0, 0], 1);

0 commentaires

3 Réponses :

0
votes

Vous pouvez manipuler la position de ce menu en ajoutant «position» dans vos options comme celle-là: 

let options = { 
    maxZoom: 20 ,
    contextmenu: true,
    contextmenuItems: this.mapContextMenuItems,
    // Here :
    position: 'topleft', // or 'topright' or 'bottomleft' or 'bottomright'
 }
this.map = L.map("map", options).setView([0, 0], 1);

3 commentaires

Alors, supprimez-le de vos options: Laissez Options = {Maxzoom: 20, contextMenu: False}

Ou directement: this.map = l.map ("carte", {maxzoom: 20, contextmenu: false}). SetView ([0, 0], 1);

Je veux afficher le contexteMenu, mais juste après l'événement contextueleu

0
votes

essayer d'appeler map.contextmenu.hide () après l'initialisation

https://github.com/aratcliffe/leaflet.contextmenu#methods https://github.com/aratcliffe/ Leaflet.ContextMenu / BLOB / 69478FD4AF9ADF19ED743847CC9294E396A4D13 / SRC / Map.ContextMenu.js # L78

1 commentaires

Avez-vous une démo en ligne?

0
votes

Ajouter: .leaflet-contextmenu { Affichage: aucun} Dans la feuille de style. Le contexte se cache au début et n'apparaît que dans l'événement «contextmenu». Dans l'événement 'ContextMenu', le dépliant Ajouter 'Affichage: Bloc' à l'élément de la notice-ContextMenu, en ligne. Cette définition remplace la définition de la feuille de style.

Quelqu'un peut-il expliquer pourquoi au début, l'affichage du contextuel de la notice n'est pas défini sur Aucun?

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO