如何在页面加载时放大当前位置

Question

我是开放层的新手我想在页面加载时放大当前位置我不想使用任何按钮，我试图在加载页面时获取输出，它将重定向到我当前的位置，缩放级别为 12。我试图通过调用函数来更改视图，但它对我不起作用。

我尝试了以下页面加载，但它不起作用：

  el('track').addEventListener('load', function() {
    geolocation.setTracking(this.load);
  });

Answer 1

你需要做两件事。

首先，在下面添加tracking: true。

var geolocation = new ol.Geolocation({
    projection: view.getProjection(),
    tracking: true
  });

然后将这一行 map.getView().setCenter(geolocation.getPosition()); 添加到以下函数中。

  geolocation.on('change:position', function() {
    map.getView().setCenter(geolocation.getPosition());
    var coordinates = geolocation.getPosition();
    positionFeature.setGeometry(coordinates ?
      new ol.geom.Point(coordinates) : null);
  });

见updated plunker here。

Answer 2

您可以使用这个简单的函数来代替分配给复选框的 Openlayers "track" 示例。

function gL() {
  geolocation.setTracking(window.load);
}

如何在页面加载时放大当前位置

How to zoom in on current position on load of page

javascript

openlayers

dom-events

openlayers-3