Használja Leaflet Geocoder beállítása nélkül marker keresésekor

Question

Használja Leaflet Geocoder beállítása nélkül marker keresésekor

szavazat

0

Jelenleg én vagyok a betegtájékoztatót térkép, és ezzel az Geocoder plugin: https://github.com/perliedman/leaflet-control-geocoder . A problémám az, hogy minden alkalommal keresni egy helyet, ez is meghatározza a marker ezen a helyen, de én nem akarom, hogy. Csak akkor nagyítás és nincs beállítva a marker.

Tudja valaki, hogyan lehet letiltani ezt a funkciót, vagy törölheti a beállított marker azonnal?

A beállított marker néz ki

Én dolgozik ionos / géppel és a kódot a Geocoder ez:

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

Szerint a GitHub, defaultMarkGeocode: false kell tiltani a jelzőt. Ha ez, csak ez a hiba:

Tulajdonság nem olvasható „_leaflet_id” meghatározatlan

Én is próbáltam

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

de ez csak azt mondja, hogy a változó Geocoder soha nem használták, és azt, hogy ezt a hibát:

Tulajdonság nem olvasható „addLayer” meghatározatlan

Ha bármilyen javaslata, hogyan kell megjavítani, és vagy tiltsa vagy törölje ezt a jelzőt, én is nagyon hálásan.

Üdvözlet

typescript ionic-framework ionic3 leaflet geocoder

A kérdést 22/07/2018 17:40
a forrás felhasználó Robert Linde

Más nyelveken...

2 válasz

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

Nem sikerült reprodukálni a pontos hibaüzeneteket írja:

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>

Azonban, ha collapsedaz opció false, van egy másik hibaüzenet:

Típushiba: this.options.geocoder [mód] nem függvény

... ami megoldott bővítmény repo által PR perliedman / szórólap-control-Geocoder # 184 , de ez még nem szállították egy verziója az NPM / unpkg CDN.

Ha további segítségre van szüksége a hiba üzenet, kérjük, adja meg kódot, amely reprodukálja őket .

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

Kérjük, próbálja meg ezt a kis módosításokkal.

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