Použít leták Geocoder bez nastavení marker při vyhledávání

Question

Použít leták Geocoder bez nastavení marker při vyhledávání

hlasů

0

V současné době jsem pomocí mapy letáku a přidal tento Geocoder plugin: https://github.com/perliedman/leaflet-control-geocoder . Můj problém je, že kdykoliv jsem se hledat místo, ale také nastaví ukazatel na tomto místě, ale nechci, aby to. To by mělo přiblížit pouze a není nastaven značku.

Ví někdo, jak tuto funkci vypnout nebo vymazat nastavenou značku okamžitě?

Nastavená značka vypadá takto

Já pracuji v iontové / strojopisu a můj kód pro používání Geocoder je toto:

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

Podle GitHub, defaultMarkGeocode: falešný měli zakázat marker. Pokud jej používáte, jen jsem si tuto chybu:

Nelze přečíst vlastnost ‚_leaflet_id‘ z nedefinované

Také jsem se pokusil

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);

ale to mi právě říká, že proměnná Geocoder nebyla nikdy použita a dostanu tuto chybu:

Nelze přečíst vlastnost ‚addLayer‘ z nedefinované

Pokud máte nějaké návrhy, jak to opravit, a to buď zakázat nebo odstranit tuto značku, byl bych velmi vděčně.

Pozdravy

typescript ionic-framework ionic3 leaflet geocoder

Položena 22/07/2018 v 17:40
zdroj uživatelem Robert Linde

V jiných jazycích...

2 odpovědí

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

Nemohl reprodukovat přesné chybové zprávy, které popisují:

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>

Nicméně, pokud collapsedje volba nastavena na hodnotu false, je tu další chybové hlášení:

TypeError: this.options.geocoder [režim] není funkce

... která je řešena v zásuvného repo pomocí PR perliedman / leták-control-Geocoder # 184 , ale to ještě není dodáván v uvolněné verzi v NPM / unpkg CDN.

Pokud budete potřebovat další pomoc na svých chybových zpráv, uveďte kód, který jim reprodukuje .

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

zkuste to s malými modifikacemi.

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);