alfarisi/leaflet-deepzoom

Display DeepZoom tiles with Leaflet

leaflet-deepzoom's Issues

Take XML as source

Currently the url for xxx_files is taken as source, I would recommend changing to take the XML file instead.

The DZI XML is easy to parse and we can get useful info from it:

• width
• height
• image format
• overlap

Could you publish to npm?

Could you publish this leaflet plugin as an npm module?

Set the view of the map and add a marker

I can't set the view of the map with L.LatLng :
var map = L.map('map', {}).setView(new L.LatLng(0,0), 0);

Same with the markers, I can't create one. It's normal?

Thanks!

For the cases where url zoom is below 0, the deep zoom should be serving the image last loaded from tile server at url zoom 0

Ideally, if we are zooming out and we dont have image available in the tiling server,

• we should be able to use the last rendered tile image and just resize it to the lower zoom
• As it is zoom out , we dont have to worry about the image resolutions, as we already have one with better resolution at higher zoom
• I have also tried with setting minNativeZoom and minZoom and even that doesnt work.
• leaflet deepzoom is not able to handle this scenario, it throws error in console saying x of undefined and then error is shown in the map.

using maxNativeZoom with leaflet-deepzoom

I am having problems using maxNativeZoom and leaflet-deepzoom. I'm using the example supplied with leaflet-deepzoom and introducing maxNativeZoom.

Provided is the snippet of code that I have modifed:

var map = L.map('image2d', {
        maxZoom:16
 }).setView(new L.LatLng(0,0), 0);

map.setMaxBounds(new L.LatLngBounds(
      map.unproject([-100, (Math.pow(2, map.getMaxZoom()) * 128) + 100],   map.getMaxZoom()),
      map.unproject([Math.pow(2, map.getMaxZoom()) * 256, -100], map.getMaxZoom())
));

var tileLayerOptions = {
        width: 2400,
        height: 3000,
        tolerance: 0.8,
        maxZoom:16,
        maxNativeZoom:12
}
L.tileLayer.deepzoom('DeepZoomImage/hubble_files/', tileLayerOptions).addTo(map);

The issue is that tiles disappear after level 13. I've tried various suggestions for the same issue that others not using leaflet-deepzoom have had with no luck.

pass map reference into options

The lines 'map.unproject()' inside the initialize() method assumes 'map' exists in global scope. It'd be really cool to pass in a reference to the map as an option (unless there is a better way to access the map) and if that option exists use that instead.

e.g. "const map = options.map || map; " before 'map' is used to call unproject( that way if a map is passed it it'll use that otherwise fallback to global scope.

Otherwise it's a bit awkward to render multiple on a page. Though i'm doing this for a demo so it probably doesn't matter that much.

Really cool plugin :)

ReferenceError: map is not defined

Hi, I use vue.js to implement the library. But when i use it in the template, i get an exception.

vue.runtime.esm.js?2b0e:1888 ReferenceError: map is not defined
    at NewClass.initialize (leaflet-deepzoom.js?94c2:47)
    at new NewClass (leaflet-src.js?e11e:301)
    at Function.L.tileLayer.deepzoom (leaflet-deepzoom.js?94c2:103)
    at VueComponent.mounted (Home.vue?76f2:19)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
    at callHook (vue.runtime.esm.js?2b0e:4213)
    at Object.insert (vue.runtime.esm.js?2b0e:3139)
    at invokeInsertHook (vue.runtime.esm.js?2b0e:6340)
    at Vue.patch [as __patch__] (vue.runtime.esm.js?2b0e:6559)
    at Vue._update (vue.runtime.esm.js?2b0e:3939)

My code is here. Do i have any wrong action.

<template>
  <div id="mapid"></div>
</template>

<script>
import L from 'leaflet'
import 'leaflet-deepzoom'

export default {
  data () {
    return {}
  },
  mounted () {
    var map = L.map('mapid').setView(new L.LatLng(0,0), 0);

    var dzLayer = L.tileLayer.deepzoom('DeepZoomImage/hubble_files/', { 
        width: 2400, 
        height: 3000
    }).addTo(map)

    map.fitBounds(dzLayer.options.bounds)
  }
}
</script>

<style>
#mapid {
  height: 512px;
}
</style>

Vertical and horizontal lines between tiles

Thank you for a VERY useful plugin for Leaflet!
I'm using it in a cultural project in which we display old maps and drawings.
In some cases, there are one pixel of space between tiles, showing as vertical and horizontal lines dividing the images.
An example can be seen here: http://www.politietsregisterblade.dk/kildeviser/version3/#?collection=3&item=2479
The tiles are created using MapTiler, default settings.