Skip to content

Instantly share code, notes, and snippets.

Last active August 29, 2015 14:19
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
SeatGeek Map with Leaflet 1.0
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<link rel="stylesheet" href="//" />
<div id="map" style="position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px"></div>
<script src="//"></script>
<script src="//"></script>
L.Projection.SeatGeek = L.extend({}, L.Projection.LonLat, {
bounds: L.bounds([0, 0], [1000, 1000])
L.CRS.SeatGeek = L.extend({}, L.CRS.Simple, {
projection: L.Projection.SeatGeek,
transformation: new L.Transformation(0.35, 0, 0.35, 0),
infinite: false
var mapId = "";
var map ="map", {
crs: L.CRS.SeatGeek,
center: [500, 500],
zoom: 1 // Math.min(window.innerWidth, window.innerHeight) / 700
L.tileLayer("{mapId}/{z}/{x}/{y}.png", {
mapId: mapId,
tileSize: 350,
maxZoom: 4,
noWrap: true
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment