我正在尝试将我创建的QGIS项目文件(地图)连接到模板中,并使用Openlayers打开它并构建它。我输入下面的脚本并继续接收"未捕获的TypeError无法读取属性' WMS'未定义"。我承认,我仍然是QGIS和Openlayers的新手,从我读过的代码应该可以尝试显示我的地图。我已经列出了下面的代码,但为了安全起见,请注意我已经更换了地图网址,因为我不会想到它的网址,而是我的编码。
以下是我页面标题中的脚本:
<head>
<script src="https://openlayers.org/en/v4.3.4/build/ol.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://openlayers.org/en/v4.3.4/css/ol.css" type="text/css">
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script src="https://openlayers.org/en/v4.3.4/build/ol.js"></script>
</head>
这是我的身体内部的代码,我已经修剪了脂肪,试图变得基本并使其工作。仍然接受&#34;未捕获的类型错误内容收获属性&#39; WMS&#39;未定义&#34; :
<div class="entry-content" style="color:#000000;">
<a class="skiplink" href="#map">Go to map</a>
<div id="map" class="map" tabindex="0"></div>
<script>
var map = new OpenLayers.layer.wms("visitation", "http://example/map/qgis_mapserv.fcgi?MAP=mapping.qgs", {
layers: 'basic'
});
</script>
</div>
我甚至首先尝试过这个脚本,因为我想从openlayers添加内容,看看它是如何工作但仍然是同样的错误......
<script>
var map = new OpenLayers.Layer.WMS('visitation', 'http://example/map/qgis_mapserv.fcgi?MAP=mapping.qgs', {
layers: 'visitation',
target: 'map',
controls: ol.control.defaults({
attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
collapsible: false
})
}),
view: new ol.View({
center: [0, 0],
zoom: 2
})
});
document.getElementById('zoom-out').onclick = function() {
var view = map.getView();
var zoom = view.getZoom();
view.setZoom(zoom - 1);
};
document.getElementById('zoom-in').onclick = function() {
var view = map.getView();
var zoom = view.getZoom();
view.setZoom(zoom + 1);
};
</script>
我做错了什么?