OpenLayers 5 - усеченная панель поиска на карте - PullRequest
Новая
       28

OpenLayers 5 - усеченная панель поиска на карте

0 голосов
/ 02 апреля 2019

Я пытаюсь реализовать геокодирование jonatas walker с помощью openlayers 5 framework здесь и его рабочий пример: здесь

У меня должна быть строка поиска, которая полностью отображается, как показано ниже:

enter image description here

Но что я получаю, так это урезанную версию:

enter image description here

Код, написанный оригинальным сайтом, следующий: 

var olview = new ol.View({ center: [0, 0], zoom: 2 }),
    baseLayer = new ol.layer.Tile({ source: new ol.source.OSM() }),
    map = new ol.Map({
      target: document.getElementById('map'),
      view: olview,
      layers: [baseLayer]
    });

// popup
var popup = new ol.Overlay.Popup();
map.addOverlay(popup);

//Instantiate with some options and add the Control
var geocoder = new Geocoder('nominatim', {
  provider: 'osm',
  lang: 'en',
  placeholder: 'Search for ...',
  limit: 5,
  debug: false,
  autoComplete: true,
  keepOpen: true
});
map.addControl(geocoder);

//Listen when an address is chosen
geocoder.on('addresschosen', function (evt) {
    console.info(evt);
  window.setTimeout(function () {
    popup.show(evt.coordinate, evt.address.formatted);
  }, 3000);
});

Ниже приведен мой код: 

var geocoder = new Geocoder('nominatim', {
    provider: 'photon',
    lang: 'en',
    placeholder: 'Search for ...',
    limit: 5,
    autoComplete: true,
    keepOpen: false
  });
  map.addControl(geocoder);

geocoder.on('addresschosen', function (evt) {
        console.info(evt);
        window.setTimeout(function () {
            popup.show(evt.coordinate, evt.address.formatted);
        }, 3000);
});

Существует некоторый код CSS, но он только настраивает цвет, а не положение, поэтому я не совсем понимаю, есть ли какой-либо элемент, который скрывает часть панели поиска, когда я нажимаю на нее

Есть ли кто-нибудь, кто успешно реализовал это на своей карте?

РЕДАКТИРОВАТЬ: Кроме того, на примере, если я щелкаю вдали от панели поиска, она исчезает, но на моей карте она остается такой же, как

...