WFS Active MODIS Poly by fireid

by spydmobile

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script src="http://leafletjs.com/dist/leaflet.js"></script>
<p>
    <div id="map" style="height: 480px;"></div>
</p>

JavaScript

console.clear();
console.log("Initializing");
var mbUrl = 'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png';
var fireIconUrl = 'http://www.sparcsonline.com/tng/sites/all/modules/sparcs/sparcsmap/images/icons/fire_icon.svg';

var proximityQuery = "fireid = 'ZF007-14'";
 // CONTAINS(the_geom, POINT(-116.64736 63.1752))
var mbAttr = 'Imagery © Mapbox';

var grayscale = L.tileLayer(mbUrl, {
    id: 'examples.map-20v6611k',
    attribution: mbAttr
});

var streets = L.tileLayer(mbUrl, {
    id: 'examples.map-i86knfo3',
    attribution: mbAttr
});
var fireIcon = L.icon({
    iconUrl: fireIconUrl,
    iconSize: [12, 12],
    iconAnchor: [6, 0],
    popupAnchor: [2, 2]
});

var owsrootUrl = 'http://gs.vm.sparcsonline.com/geoserver/sparcs/ows';
var owsrootUrl2 = 'http://gs2.vm.sparcsonline.com/geoserver/sparcs/ows';

function setupAjax(typeName, SrsName, finalCallback) {

    var Ajaxparams = {
        service: 'WFS',
        version: '2.0',
        request: 'GetFeature',
        typeName: typeName,
        outputFormat: 'text/javascript',
        format_options: 'callback:getJson',
        SrsName: SrsName
    };
    var url = owsrootUrl + L.Util.getParamString(L.Util.extend(Ajaxparams));
    var LayerParams = {
        url: url,
        dataType: 'jsonp',
        jsonpCallback: 'getJson',
        success: finalCallback,
    };
    console.log("WFS URL:" + url);
    return LayerParams;
}

function setupCqlAjax(typeName, SrsName, finalCallback, cql) {
    var Ajaxparams = {
        service: 'WFS',
        version: '2.0',
        request: 'GetFeature',
        typeName: typeName,
        outputFormat: 'text/javascript',
        format_options: 'callback:getJson',
        SrsName: SrsName,
        CQL_FILTER: proximityQuery,
        propertyName: 'oid,the_geom,ha,date,time,fireid,lb'
    };
    var url = owsrootUrl2 + L.Util.getParamString(L.Util.extend(Ajaxparams));
    var LayerParams = {
        url: url,
        dataType: 'jsonp',
        jsonpCallback: 'getJson',
...