JavaScript / Openlayers / QGIS - 接收Uncaught Typeerror无法读取属性' WMS'未定义的

时间:2017-10-04 21:29:47

标签: javascript jquery html openlayers-3 qgis

我正在尝试将我创建的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>

我做错了什么?

0 个答案:

没有答案