Skip to content

Instantly share code, notes, and snippets.

@dodocinho

dodocinho/openlayers-qgis-mapserv.html

Created April 9, 2018 18:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dodocinho/f2c3c573ed92b6155d951e5f5e1ea1a2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dodocinho/f2c3c573ed92b6155d951e5f5e1ea1a2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dodocinho created this gist Apr 9, 2018.
    36 changes: 36 additions & 0 deletions openlayers-qgis-mapserv.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,36 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Simple Map</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.2.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.2.0/build/ol.js"></script>
    </head>
    <body>
    <div id="map" class="map"></div>
    <script>
    var map = new ol.Map({
    layers: [
    new ol.layer.Tile({
    source:
    new ol.source.TileWMS({
    url: 'http://localhost/cgi-bin/arteris/qgis_mapserv.fcgi',
    params: {
    'LAYERS' : ['Eixos','OpenStreetMap']
    }
    })
    }),
    new ol.layer.Tile({
    source: new ol.source.OSM()
    })
    ],
    target: 'map',
    view: new ol.View({
    center: ol.proj.fromLonLat([ -46.91, -26.52 ]),
    zoom: 8
    })
    });
    </script>
    </body>
    </html>