Openlayers - 添加控件：縮放/平移到當前位置

Question

我正在嘗試將一個 ol.control 按鈕添加到 map 以縮放/平移到我的當前位置。 我已經提取了我的位置坐標：

var geolocation = new ol.Geolocation({
        projection: map.getView().getProjection(),
        tracking: true
    });
geolocation.getPosition(); //this shows the coordinates (e.g.[591374.2306195896, 6746799.171545821])

現在我想將這些用作“縮放到”ol.control 按鈕的輸入。 就像使用 ol.control.ZoomToExtent 一樣，它會創建一個控制按鈕。 例如：

map.addControl(zoomToExtentControl);

zoomToExtentControl = new ol.control.ZoomToExtent({
  extent: [-1013450.0281739295, 3594671.9021477713, 6578887.117336057, 10110775.689402476],
  className: 'custom-zoom-extent',
  label: '🔍'
});

請幫幫我:-)

Answer 1

用於 ZoomToExtent 的范圍數組可以根據地理位置的准確范圍動態更新

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

var extent = ol.extent.createEmpty();

geolocation.on('change:accuracyGeometry', function() {
    geolocation.getAccuracyGeometry().getExtent(extent);
});

zoomToExtentControl = new ol.control.ZoomToExtent({
  extent: extent,
  className: 'custom-zoom-extent',
  label: '🔍'
});