JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

<script src="http://code.jquerygeo.com/jquery.geo-1.0b1.min.js"></script>
<div id="map"></div>

CSS

#map { width: 512px; height: 512px; }

JavaScript

$.geo.proj = null;

var app = {
    "ApplicationID": "ParcelApp",
    "DisplayName": "Amherst GIS Property Viewer",
    "DefaultMapTab": "",
    "FullExtent": [373437, 2936553, 395362, 2984664],
    "MapTabs": [{
        "MapTabID": "ParcelMap",
        "DisplayName": "Parcel Map"},
    {
        "MapTabID": "OrthoMap",
        "DisplayName": "Aerial 2004 Map"},
    {
        "MapTabID": "TopoMap",
        "DisplayName": "Topography Map"},
    {
        "MapTabID": "ZoningMap",
        "DisplayName": "Zoning Map"},
    {
        "MapTabID": "VotingMap",
        "DisplayName": "Voting Map"}]
},
    mapTab = {
        "MapTabID": "ParcelMap",
        "DisplayName": "Parcel Map"
    },
    bbox = window.sessionStorage.getItem("bbox") || null;

$("#map").geomap({
    tilingScheme: null,
    bboxMax: app.FullExtent,
    bbox: bbox ? JSON.parse(bbox) : app.FullExtent,
    services: [{
        id: "gpv",
        type: "shingled",
        src: function(view) {
            var mapState = {"Application":"ParcelApp","MapTab":"ParcelMap","Level":"","Action":0,"TargetLayer":"Parcels","TargetIds":[],"ActiveMapId":"","ActiveDataId":"","Proximity":"","SelectionLayer":"","SelectionIds":[],"Query":"PublicParcelsAll","DataTab":"PubParcelBasic","MarkupCategory":"Public","MarkupGroups":[],"FunctionTabs":15,"ActiveFunctionTab":2,"Extent":{"bbox":[374899.8579674186,2955744.089816831,389386.05260610045,2970047.575694304]},"Coordinates":[],"CoordinateLabels":[],"VisibleLayers":{"ParcelMap":["Landmarks","TaxMapText","SubdivisionLotNumbers","PropertyLines","Easements","TownBoundary","Trails","RailLines","Structures","RiversAndStreams","WaterBodies","ElevationModel","StreetCenterlines"]}};
    
    
            mapState.Extent = {
                bbox: view.bbox
            };

            return $.ajax({
                url: "http://alpha.appgeo.com/GPV/Services/MapImage.ashx",
                type: "POST",
                data: {
                  m: "MakeMapImage",
                 ...