Le portail francophone de la géomatique

function init() {

    var mousePositionControl = new ol.control.MousePosition({
        coordinateFormat: ol.coordinate.createStringXY(4),
        projection: 'EPSG:4326',
        className: 'alert-warning',
        target: document.getElementById('mouse-position'),
        undefinedHTML: ' '
    });

// Tiled layer
    var osmLayer = new ol.layer.Tile({
        source: new ol.source.OSM()
    });

    var raster = new ol.layer.Tile({
        source: new ol.source.BingMaps({
            imagerySet: 'Aerial',
            key: 'Ak-dzM4wZjSqTlzveKz5u0d4IQ4bRzVI309GxmkgSVr1ewS6iPSrOvOKhA-CJlm3'
        })
    });

    // Source retrieving WFS data in GML format using AJAX
    var vectorSource = new ol.source.ServerVector({
        format: new ol.format.WFS({
            featureNS: 'http://www.openplans.org/spearfish',
            featureType: 'province'
        }),
        loader: function (extent, resolution, projection) {
            var url = 'http://localhost:8080/geoserver/wfs?' +
                'service=WFS&request=GetFeature&' +
                'version=1.1.0&typename=sf:province&' +
                'srsname=EPSG:4326&bbox=' + extent.join(',');

            $.ajax({
                url: url
            })
                .done(function (response) {
                    vectorSource.addFeatures(vectorSource.readFeatures(response));
                });
        },
        strategy: ol.loadingstrategy.createTile(new ol.tilegrid.XYZ({
            maxZoom: 6
        })),
        projection: 'EPSG:4326'