1

var map_config;

     2

var map;

     3

     4

function map_init (_config) {

     5

    map_config = _config;

     6

     7

    var bounds = L.latLngBounds(

     8

        L.latLng(-map_config.image_height, 0),

     9

        L.latLng(0, +map_config.image_width)

    10

    );

    11

    12

    map = L.map('map', {

    13

        crs: L              .CRS.Simple,

    14

        minZoom:            0,

    15

        maxZoom:            map_config.tile_zoom,

    16

        maxBounds:          bounds

    17

    });

    18

    19

    map.on('move', map_move);

    20

    21

    L.tileLayer(map_config.tile_url, {

    22

        name:               map_config.tile_name,

    23

        minZoom:            0,

    24

        maxZoom:            map_config.tile_zoom,

    25

        tileSize:           map_config.tile_size,

    26

        continuousWorld:    true,

    27

        noWrap:             true,

    28

        zoomReverse:        true,

    29

        bounds:             bounds

    30

    }).addTo(map);

    31

    32

    // set position

    33

    var x = bounds.getCenter().lng;

    34

    var y = -bounds.getCenter().lat;

    35

    var z = 0;

    36

    37

    if (document.location.hash) {

    38

        // parse x:y:z tuple

    39

        var pt = document.location.hash.substr(1).split(":");

    40

    41

        // unpack    

    42

        if (pt.length) x = parseInt(pt.shift()) || x;

    43

        if (pt.length) y = parseInt(pt.shift()) || y;

    44

        if (pt.length) z = parseInt(pt.shift()) || z;

    45

    }

    46

    47

    map_center(x, y, z);

    48

}

    49

    50

function map_move () {

    51

    var map_center = map.getCenter();

    52

    var map_zoom = map.getZoom();

    53

    54

    var x = (+map_center.lng) << map_config.tile_zoom;

    55

    var y = (-map_center.lat) << map_config.tile_zoom;

    56

    var z = map_config.tile_zoom - map_zoom;

    57

    58

    document.location.hash = x + ":" + y + ":" + z;

    59

}

    60

    61

/*

    62

 * Position map based on pngtile coordinates

    63

 */

    64

function map_center (x, y, z) {

    65

    // translate to lat/lng

    66

    // leaflet seems to base its latlng coordinates on the max zoom level

    67

    var map_center = [

    68

        -(y >> map_config.tile_zoom),

    69

        +(x >> map_config.tile_zoom),

    70

    ];

    71

    72

    // reversed zoom

    73

    var map_zoom = map_config.tile_zoom - z;

    74

    75

    map.setView(map_center, map_zoom);

    76

}

    77