Verwenden Sie Leaflet Geocoder ohne eine Markierung Einstellung bei der Suche

Question

Verwenden Sie Leaflet Geocoder ohne eine Markierung Einstellung bei der Suche

stimmen

0

zur Zeit ich die Broschüre Karte verwenden und diese Geocoder - Plugin hinzugefügt: https://github.com/perliedman/leaflet-control-geocoder . Mein Problem ist, dass jedes Mal wenn ich nach einem Ort zu suchen, es setzt auch einen Marker an dieser Stelle, aber ich mag nicht , dass es zu. Es sollte nur vergrößern und nicht eine Markierung gesetzt.

Weiß jemand, wie diese Funktion deaktivieren oder den eingestellte Marker sofort löschen?

Das Set Marker sieht wie folgt aus

Ich arbeite in Ionic / Typoskript und mein Code der Geocoder für die Verwendung ist dies:

leaflet.Control.geocoder().addTo(this.map);

Nach GitHub, defaultMarkGeocode: false sollte die Markierung deaktivieren. Wenn es verwendet wird, bekomme ich nur diese Fehlermeldung:

Kann nicht Eigentum ‚_leaflet_id‘ undefinierten lesen

Ich habe auch versucht,

var geocoder = L.Control.geocoder({
    defaultMarkGeocode: false
})
.on('markgeocode', function(e) {
    var bbox = e.geocode.bbox;
    var poly = L.polygon([
         bbox.getSouthEast(),
         bbox.getNorthEast(),
         bbox.getNorthWest(),
         bbox.getSouthWest()
    ]).addTo(map);
    map.fitBounds(poly.getBounds());
})
.addTo(map);

aber es sagt mir nur, dass der Variable Geocoder wurde nie benutzt, und ich bekomme diese Fehlermeldung:

Kann nicht Eigentum ‚addLayer‘ undefinierten lesen

Wenn Sie Vorschläge haben, wie man es beheben und entweder deaktivieren oder diese Markierung löschen, wäre ich sehr dankbar sein.

Schöne Grüße

typescript ionic-framework ionic3 leaflet geocoder

Veröffentlicht am 22/07/2018 um 17:40
quelle vom benutzer Robert Linde

In anderen Sprachen...

2 antworten

ghybs · Answer 1 · 2018-07-23 13:40

Kann nicht die reproduziert genaue Fehlermeldungen beschreiben:

var map = L.map('map').setView([0, 0], 2);

var geocoder = L.Control.geocoder({
    defaultMarkGeocode: false,
    collapsed: false
  })
  .on('markgeocode', function(e) {
    var bbox = e.geocode.bbox;
    var poly = L.polygon([
      bbox.getSouthEast(),
      bbox.getNorthEast(),
      bbox.getNorthWest(),
      bbox.getSouthWest()
    ]).addTo(map);
    map.fitBounds(poly.getBounds());
  })
  .addTo(map);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

html,
body,
#map {
  height: 100%;
  margin: 0;
}

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3 OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet-src.js" integrity="sha512-IkGU/uDhB9u9F8k 2OsA6XXoowIhOuQL1NTgNZHY1nkURnqEGlDZq3GsfmdJdKFe1k1zOc6YU2K7qY hF9AodA==" crossorigin=""></script>

<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder@1.5.8/dist/Control.Geocoder.css" />
<script src="https://unpkg.com/leaflet-control-geocoder@1.5.8/dist/Control.Geocoder.js"></script>

<div id="map"></div>

Allerdings , wenn collapsedOption eingestellt ist false, gibt es eine weitere Fehlermeldung:

Typeerror: this.options.geocoder [mode] ist keine Funktion

... die durch in - Plugin Repo gelöst PR perliedman / Faltblatt-control-Geocoder # 184 , aber es ist noch nicht in einer freigegebenen Version in NPM / unpkg CDN ausgeliefert.

Wenn Sie weitere Hilfe auf Fehlermeldungen benötigen, geben Sie bitte Code, der sie wiedergibt .

Zia ur Rehman · Answer 2 · 2019-08-22 12:09

Bitte versuchen Sie dies mit wenig Änderungen.

var map = L.map('map').setView([0, 0], 2);

var geocoder = L.Control.geocoder({
    defaultMarkGeocode: false,
    collapsed: false
  })
  .on('markgeocode', (e) => {
    var bbox = e.geocode.bbox;
    var poly = L.polygon([
      bbox.getSouthEast(),
      bbox.getNorthEast(),
      bbox.getNorthWest(),
      bbox.getSouthWest()
    ]).addTo(map);
    map.fitBounds(poly.getBounds());
  })
  .addTo(map);