JSFiddle - React, Tailwind, and code Playground

by ryanttb

HTML

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

CSS

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

JavaScript

$("#map").geomap({
    center: [458240.213369, 458773.907696],
    zoom: 1,
    services: [
        {
        id: "NewJersey",
        type: "tiled",
        src: "http://njgin.state.nj.us/ArcGIS/rest/services/Basemap/basemap/MapServer/tile/{{:zoom}}/{{:tile.row}}/{{:tile.column}}"
        }
    ],
    tilingScheme: {
        tileWidth: 512,
        tileHeight: 512,
        pixelSizes: [
            3472.22222222222,
            2604.16666666667,
            2170.13888888889,
            1562.5,
            976.5625,
            494.791666666667,
            260.416666666667,
            130.208333333333,
            65.1041666666667,
            32.5520833333333,
            21.7013888888889,
            10.8506944444444,
            5.20833333333333,
            2.08333333333333,
            1.04166666666667
            ],
        origin: [-842000, 1440000]
    }
});