ol3 地理编码器在 Chrome 中的缩放级别问题答案

【问题标题】：ol3 geocoder zoom level issue in chromeol3 地理编码器在 Chrome 中的缩放级别问题
【发布时间】：2018-01-31 07:45:59
【问题描述】：

我正在尝试在我的项目中添加ol3 geocoder 控件。我已经设置了修复缩放级别，它在 Mozilla 中工作，并且它具有适当的缩放级别，但在谷歌浏览器中它不起作用。它采用深度放大级别的位置。我必须缩小以检查周围的地方。

var geocoder = new Geocoder('nominatim', {
      provider: 'google',
      key:' AIzaSyClQ0GOW55zhw4PvFh73FyGLHdSd4bJfpM',
      lang: 'en',
      placeholder: 'Search Location...',
      limit: 5,
      keepOpen: true,
      autoComplete: true,
    });
    map.addControl(geocoder);


    //Listen when an address is chosen
    geocoder.on('addresschosen', function(evt){

      var
        feature = evt.feature,
        coord = evt.coordinate,
        address_html = feature.get('address_html');
      content.innerHTML = '<p>'+address_html+'</p>';


      if (coord) {
          //alert("if--");
          map.getView().setZoom(7);

          overlay.setPosition(coord);
        } else {

         map.getView().setZoom(8);
          overlay.setPosition(coord);
    }

    });

【问题讨论】：

您好，欢迎来到 StackOverflow。请检查您的代码示例并修复其格式。这使其他人更容易阅读和理解您的问题。请阅读the Stack Overflow question checklist。您可能还想了解Minimal, Complete, and Verifiable Examples。

标签： google-chrome openlayers-3 geocoder

【解决方案1】：

使用最新版本的地理编码器 (3.0.1) 时，您似乎可以在函数内设置缩放级别。切换到新版本时遇到了同样的问题，但我玩了一下发现它的工作原理是这样的：

geocoder.on('addresschosen', function (evt) {
    window.setTimeout(function () {
        view.setZoom(12);
        popup.show(evt.coordinate, evt.address.formatted);
    }, 1000);
});

显然，使用您喜欢的任何缩放值。

【讨论】：