label für die Kreis-Markierung in der Packungsbeilage

Ich bin in der Lage, add label zu circlemarker wie diese 

L.circleMarker(points[i],{title: 'unselected'}).bindLabel('Destination').addTo(map);

Fügt diesem label erscheint auf mouse-hover auf Kreis-Markierung.

Aber ich möchte hinzufügen, statische Beschriftung, die angezeigt wird, unabhängig von der Maus ist, dass Kreis-marker ist oder nicht.

Ich beziehe mich in dieser demo http://leaflet.github.com/Leaflet.label/ für das hinzufügen von statischen Labels zu Kreis-marker aber irgend wie bin ich nicht in der Lage, es zu tun.
Es ist in Ordnung arbeiten mit Markern, sondern mit Kreis-Marker statisches label nicht funktioniert.

Zudem gibt es irgendeine andere Methode fügen Sie ein label auf Kreis-marker ?

InformationsquelleAutor vaibhav shah | 2013-03-21
  1. 11

    L.CircleMarker erweitert, von L.Path nicht L.Marker, so dass, wenn Sie vergleichen https://github.com/Leaflet/Leaflet.label/blob/master/src/Path.Label.js und https://github.com/Leaflet/Leaflet.label/blob/master/src/Marker.Label.js können Sie feststellen, dass Path keine Optionen und diese Logik muss man selber implementieren. Zum Beispiel:

    L.CircleMarker.include({
    bindLabel: function (content, options) {
        if (!this._label || this._label.options !== options) {
            this._label = new L.Label(options, this);
        }

        this._label.setContent(content);
        this._labelNoHide = options && options.noHide;

        if (!this._showLabelAdded) {
            if (this._labelNoHide) {
                this
                    .on('remove', this.hideLabel, this)
                    .on('move', this._moveLabel, this);
                this._showLabel({latlng: this.getLatLng()});
            } else {
                this
                    .on('mouseover', this._showLabel, this)
                    .on('mousemove', this._moveLabel, this)
                    .on('mouseout remove', this._hideLabel, this);
                if (L.Browser.touch) {
                    this.on('click', this._showLabel, this);
                }
            }
            this._showLabelAdded = true;
        }

        return this;
    },

    unbindLabel: function () {
        if (this._label) {
            this._hideLabel();
            this._label = null;
            this._showLabelAdded = false;
            if (this._labelNoHide) {
                this
                    .off('remove', this._hideLabel, this)
                    .off('move', this._moveLabel, this);
            } else {
                this
                    .off('mouseover', this._showLabel, this)
                    .off('mousemove', this._moveLabel, this)
                    .off('mouseout remove', this._hideLabel, this);
            }
        }
        return this;
    }
});

L.circleMarker([53.902257, 27.541640] ,{title: 'unselected'}).addTo(map).bindLabel('Destination', { noHide: true });
    • Ich zog die Linie this._showLabel({latlng: this.getLatLng()}); aus der noHide bedingte eine in die andere eingeschlossen Methode: showLabel: function () {...}. Dies erlaubt mir, erstellen Sie den Kreis, fügen Sie es auf die Karte, und dann rufen Sie circle.showLabel().
    • Super!!! Obwohl es nicht verschwinden, wenn ein popup angezeigt wird über dem Aufkleber...
    InformationsquelleAutor tbicr
  2. 1

    Wollte nur hinzufügen, ein update oder eine Korrektur zu tbicr die große Resonanz (nicht sicher, ob die API aktualisiert, nachdem seine Antwort).

    Können Sie dies tun, etwa so:

     //First add your GeoJSON layer
 geojson = L.geoJson(myGeoJson,{
        onEachFeature: onEachFeature
    }).addTo(map);

 //onEachFeature is called every time a polygon is added
 var polys = [];
 function onEachFeature(layer){
     polys.push(layer); //Push the polygons into an array you can call later
 }

 //Now trigger them after they've been added
 $('a').click(function(){
      polys[0].fire('click') //clicks on the first polygon
      polys[1].fire('click') //clicks on the second polygon
 });
    InformationsquelleAutor podcastfan88
Schreibe einen Kommentar