首页 > 解决方案 > Leaflet Control Geocoder - 搜索框错误

问题描述

我将 Leaflet Control Geocoder 包与我的 Leaflet 地图一起使用。这个包有两个问题。我有以下代码来初始化我的地图:

const map = L.map(
  'mapid', {
    renderer: L.canvas(),
    zoom: 18,
    zoomSnap: 0.5,
    keepInView: true,
    dragging: !L.Browser.mobile,
  }
).setMaxZoom(18).setMinZoom(1.5), 
    geocoder = new L.Control.Geocoder.Nominatim(),
    control = new L.Control.Geocoder({
      geocoder: geocoder,
      queryMinLength: 2,
      collapsed: false,
      suggestMinLength: 3,
      suggestTimeout: 150,
      placeholder: 'Search...'
    }).addTo(map);

1)当我在搜索框内单击时,我目前将控件折叠设置为 false。添加了“未找到结果”容器。没有在搜索框中输入任何内容。这是软件包的错误还是有解决方法?

显示点击时未找到结果

2) 当您在 iOS 设备上触摸某个位置时,下拉列表不会消失,但在 Android 设备上会消失并隐藏地图

触摸位置不会隐藏

标签: javascriptleafletmaps

解决方案


推荐阅读