Openlayers 3 Openlayers 3的URL参数是否可以缩放到位置?

Openlayers 3 Openlayers 3的URL参数是否可以缩放到位置?,openlayers-3,url-parameters,Openlayers 3,Url Parameters,我有一个OL3Web应用程序,我想知道是否有可能包含URL参数(如坐标值),应用程序可以解析并在特定位置打开这些参数 比如说 这是使用OL3可以做到的吗?当然,请参见:例如(使用锚而不是url参数,但想法相同)。我不喜欢openlayers permalink示例,因为它使用地图单位,而不是众所周知的纬度和经度。Sp我编写了我自己的代码来移交latlon坐标、缩放并为其设置标记: function getURLParameter(name) { return decodeURIComponent

我有一个OL3Web应用程序,我想知道是否有可能包含URL参数(如坐标值),应用程序可以解析并在特定位置打开这些参数

比如说


这是使用OL3可以做到的吗?

当然,请参见:例如(使用锚而不是url参数,但想法相同)。

我不喜欢openlayers permalink示例,因为它使用地图单位,而不是众所周知的纬度和经度。Sp我编写了我自己的代码来移交latlon坐标、缩放并为其设置标记:

function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
}

var mzoom=12;
var mlat = Number(getURLParameter('mlat'));
var mlon = Number(getURLParameter('mlon'));
var mzoom = Number(getURLParameter('zoom'));
var marker = 1
if (mlat == 0 || mlon == 0) {
      mlat = 51.5; mlon = 7.0; mzoom=12; marker=0 //Default location
  }
if (mzoom == 0 ) { mzoom=12 //Default zoom
  }   

var container = document.getElementById('popup');
var content = document.getElementById('popup-content');
var closer = document.getElementById('popup-closer');
closer.onclick = function() {
container.style.display = 'none';
closer.blur();
return false;
};
var overlayPopup = new ol.Overlay({
element: container
});

var expandedAttribution = new ol.control.Attribution({
collapsible: false
});



var map = new ol.Map({
controls: ol.control.defaults({attribution:false}).extend([
    expandedAttribution
]),
target: document.getElementById('map'),
renderer: 'canvas',
overlays: [overlayPopup],
layers: layersList,
view: new ol.View({
        center: ol.proj.fromLonLat([mlon, mlat]),
        zoom: mzoom,
     maxZoom: 18, minZoom: 8
})
});

if (marker == 1) {
  var vectorLayer = new ol.layer.Vector({
    source:new ol.source.Vector({
      features: [new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.transform([parseFloat(mlon), parseFloat(mlat)], 'EPSG:4326', 'EPSG:3857')),
        })]
    }),
    style: new ol.style.Style({
      image: new ol.style.Icon({
        anchor: [0.5, 0.5],
        anchorXUnits: "fraction",
        anchorYUnits: "fraction",
        src: "marker.svg"
      })
    })
  });

  map.addLayer(vectorLayer); 
}
我使用了qgis2web插件的输出,并如上所述修改了文件qgis2web.js