Rendering GeoJSON

by Edsel Matt Morales

JavaScript

$.ajax({
      xhr: function() {
        var xhr = new XMLHttpRequest();
        //Download progress
        xhr.addEventListener("progress", function(evt) {
          if (evt.lengthComputable) {
            percentComplete = parseFloat(evt.loaded / evt.total) * 100;

            if (percentComplete == 100) {

            }
          }
        }, false);
        return xhr;
      },
      type: 'GET',
      url: < URL > ,
      beforeSend: function() {
        // add prompt if necessary
      },
      success: function(data) {
        var d = omnivore.topojson.parse(data);
        var g = d.toGeoJSON();
        var L = L.vectorGrid.slicer(g, {
          rendererFactory: L.canvas.tile,
          vectorTileLayerStyles: {
            sliced: {
              fillColor: "#1b723f",
              color: "black",
              weight: .1,
              fill: true,
              stroke: true,
              fillOpacity: .8
            }
          },
          maxZoom: 22,
          indexMaxZoom: 5,
          interactive: true,
        }).addTo(map);
      } //success