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

时间:2017-08-21 17:20:25

标签: javascript javascript-events openlayers openlayers-3

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

我在下面尝试加载页面,但它无法正常工作

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

2 个答案:

答案 0 :(得分:2)

你需要做两件事。

首先,将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

答案 1 :(得分:0)

您可以使用此简单功能代替分配给复选框的Openlayers“跟踪”示例。

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