Disable horizontal world map repeat

[Jonas Lismont]

Hello,

This is my first post on the forum, and I'm quite new to js, so maybe my problem will be easy to solve, though I already spent many hours on it.

I would like to disable the repeating of horizontal world maps when zooming out. I already explored the maxBounds properties, but it is not satisfying, as I want to hide the map outside the bounds. Basically, I would like to have this result http://jsfiddle.net/zF6bf/ but instead of "canvas", I  would like to have this map, stored on mapbox.com : cartogrph.hbem5mod

Moreover, I would like to disable drag and zoom handlers, so I'm looking for a solution which would be compatible with the following:

// disable drag and zoom handlers

map.dragging.disable();

map.touchZoom.disable();

map.doubleClickZoom.disable();

map.scrollWheelZoom.disable();

// disable tap handler, if present.

if (map.tap) map.tap.disable();

Can anyone help me? I would be really greatful.

Thanks in advance,

Jonas

[aston...@gmail.com]

The example at http://jsfiddle.net/zF6bf/ DOES hide the map outside the bounds on my machine. To change the map you need to change the L.TileLayer URL and point it to your map on Mapbox.com...

[Jonas Lismont]

This worked, thank you very much! 

For other begginners like me who have the same problem: note that the L.TileLayer URL needs a special format (see https://www.mapbox.com/mapbox.js/api/v1.6.1/l-tilelayer/)

[aston...@gmail.com]

Thanks for referencing MapBox's "special needs"...