1

var map_config;

     2

var map;

     3

     4

function map_init (_config) {

     5

    map_config = _config;

     8

    var bounds = L.latLngBounds(

     9

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

    10

        L.latLng(0, +map_config.image_width)

    11

    );

    12

    19

    map = L.map('map', {

    20

        crs: L              .CRS.Simple,

    21

        minZoom:            0,

    22

        maxZoom:            map_config.tile_zoom,

    24

    });

    25

    26

    map.on('move', map_move);

    27

    28

    L.tileLayer(map_config.tile_url, {

    29

        name:               map_config.tile_name,

    30

        minZoom:            0,

    31

        maxZoom:            map_config.tile_zoom,

    32

        tileSize:           map_config.tile_size,

    33

        continuousWorld:    true,

    34

        noWrap:             true,

    35

        zoomReverse:        true,

    36

        bounds:             bounds

    37

    }).addTo(map);

    38

    39

    // set position

    40

    var x = bounds.getCenter().lng;

    41

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

    42

    var z = 0;

    43

    44

    if (document.location.hash) {

    45

        // parse x:y:z tuple

    46

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

    47

    48

        // unpack    

    49

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

    50

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

    51

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

    52

    }

    53

    54

    map_center(x, y, z);

    55

}

    56

    57

function map_move () {

    58

    var map_center = map.getCenter();

    59

    var map_zoom = map.getZoom();

    60

    61

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

    62

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

    63

    var z = map_config.tile_zoom - map_zoom;

    64

    65

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

    66

}

    67

    68

/*

    69

 * Position map based on pngtile coordinates

    70

 */

    71

function map_center (x, y, z) {

    72

    // translate to lat/lng

    73

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

    74

    var map_center = [

    75

        -(y >> map_config.tile_zoom),

    76

        +(x >> map_config.tile_zoom),

    77

    ];

    78

    79

    // reversed zoom

    80

    var map_zoom = map_config.tile_zoom - z;

    81

    82

    map.setView(map_center, map_zoom);

    83

}

    84