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

标签 javascript openlayers dom-events openlayers-3

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

我在下面尝试加载页面,但它不起作用:

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

最佳答案

你需要做两件事。

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

关于javascript - 如何在页面加载时放大当前位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45802586/

相关文章:

javascript - 使用 Axios 的 Amazon S3 远程文件上传

javascript - 什么是具有条件验证的良好表单检查库?

javascript - 是否可以放大 OpenLayers 中的基础层?

javascript - Angular 10 - Openlayers 获取 map 坐标(点击)

javascript - 如何检测第三方网站上的 JavaScript 事件

javascript - 如果使用函数调用执行严格模式函数,则其 'this' 值将是未定义的

javascript - Angular 6 - 通过 API (OpenLayers) 使用用户位置

javascript - 如何将 Raphael Canvas 整个(包含一些对象)从一个坐标连续移动到另一个坐标到另一个坐标

javascript - 获取字符输入,跨浏览器

javascript - 在 React App 中找不到 bundle.js 页面