Tiling local images

[Ric.Rug]

How can I tile local images? Is it possible using Tile5?

[Damon Oehlman]

Absolutely possible.  I'll add some sample tiles into the repo and include it as a demo.

I checked the demo on the Tile5 site but that is currently broken. 

Are you trying to tile local map images (i.e. local OpenStreetMap tiles) or something a little different?

Cheers,

Damon.

-- 
Damon Oehlman
t: DamonOehlman

http://distractable.net/

http://www.sidelab.com/

[Ric.Rug]

My issue is not related to OpenStreetMap tiles. I just have many sub-
pictures (zoomlevel-x-y) that I need to tile to be able to pan/zoom
across the whole big composition.

On 21 Giu, 12:57, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> Absolutely possible. I'll add some sample tiles into the repo and include it as a demo.
>
> I checked the demo on the Tile5 site but that is currently broken.
>
> Are you trying to tile local map images (i.e. local OpenStreetMap tiles) or something a little different?
>
> Cheers,
> Damon.
>
> --
> Damon Oehlman
> t: DamonOehlman
>

> http://distractable.net/http://www.sidelab.com/

[سعید زارعیان‎]

I Have the same issue. Is it possible?
I want to use my local images on my server.

On Jun 21, 2:57 pm, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> Absolutely possible. I'll add some sample tiles into the repo and include it as a demo.
>
> I checked the demo on the Tile5 site but that is currently broken.
>
> Are you trying to tile local map images (i.e. local OpenStreetMap tiles) or something a little different?
>
> Cheers,
> Damon.
>
> --
> Damon Oehlman
> t: DamonOehlman
>

> http://distractable.net/http://www.sidelab.com/

[Andreas Schnieders]

Awesome. I just learned about tile 5 today and would probably use it
for a Bachelor Project. And I was just about to ask just this
question. I'll have local tiles of a certain map-image. This map only
shows a limited area and a fixed number of zoom-levels. Can I use tile
5 to compose a map from this using a slider and the mousewheel for
zooming and moving the map by mouse?

Further question: How could the performance of such an implementation
be considered on a mobile device like the iPad?

Cheers

[Damon Oehlman]

Hi Andreas,

Yes absolutely all possible.  When you create a map, you can specify the min and max zoom level - see the source link below:

https://github.com/sidelab/tile5/blob/master/src/core/graphics/map.js#L10

Mobile implementation for Tile5 is very important and it works well on the iPad, but I would also suggest having a look LeafletJS as it is another excellent mapping library which also provides top quality mobile support:

http://leaflet.cloudmade.com/

In fact, because Leaflet is so good, I'm pulling back on the development of Tile5 (not stopping, but slowing down).  The post below on my blog talks more about my decision:

http://www.distractable.net/business/disillusionment-and-graceful-exits

Good luck with your project :)

Cheers,

Damon.

-- 
Damon Oehlman
t: DamonOehlman

http://distractable.net/

http://www.sidelab.com/

[Saeed Zareian]

Hi again,
Additionally to my last message, I found the way to use local images.
The working example exists in the sandbox of last version.
I uses zoomify and doesn't support slider!
but the new version doesn't have the zoomify plugin but has the
slider!
I wonder if zoomify support added to the new version.
LeafletJS (according to its feature page: http://leaflet.cloudmade.com/features.html)
is too young, and tile5 is now what we, as your library users, want!

Thanks, Saeed

On Aug 5, 4:55 pm, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> Hi Andreas,
>
> Yes absolutely all possible. When you create a map, you can specify the min and max zoom level - see the source link below:
>

> https://github.com/sidelab/tile5/blob/master/src/core/graphics/map.js...

>
> Mobile implementation for Tile5 is very important and it works well on the iPad, but I would also suggest having a look LeafletJS as it is another excellent mapping library which also provides top quality mobile support:
>
> http://leaflet.cloudmade.com/
>
> In fact, because Leaflet is so good, I'm pulling back on the development of Tile5 (not stopping, but slowing down). The post below on my blog talks more about my decision:
>
> http://www.distractable.net/business/disillusionment-and-graceful-exits
>
> Good luck with your project :)
>
> Cheers,
> Damon.
>
> --  
> Damon Oehlman
> t: DamonOehlman
>

> http://distractable.net/http://www.sidelab.com/

>
>
>
>
>
>
>
> On Friday, 5 August 2011 at 9:17 PM, Andreas Schnieders wrote:
> > Awesome. I just learned about tile 5 today and would probably use it
> > for a Bachelor Project. And I was just about to ask just this
> > question. I'll have local tiles of a certain map-image. This map only
> > shows a limited area and a fixed number of zoom-levels. Can I use tile
> > 5 to compose a map from this using a slider and the mousewheel for
> > zooming and moving the map by mouse?
>
> > Further question: How could the performance of such an implementation
> > be considered on a mobile device like the iPad?
>
> > Cheers
>

> > On Jul 16, 4:50 pm, سعید زارعیان <saeed.zare...@gmail.com (http://gmail.com)> wrote:
> > > I Have the same issue. Is it possible?
> > > I want to use my local images on my server.
>

[Andreas Schnieders]

Alright, I spent the past two days searching and reading the internet
on my approach.

Did I get it right, that I do have to set up a whole tile-server like
tilecache or something to provide the tiles of my own map image? That
seems quite overstated. Lets say, I have a map-image of 10 000 x 10
000 pixels. I "just" want to create tiles for a reasonable amount of
zoom-levels from that and access that tiles from a library like tile5
oder leafletjs. There _should_ be an easier way than setting up a
massive server-infrastructure, shoudln't it?
All these things about numbers of different tiling-servers, massive
mapnik-libraries and everything really feels like "breaking a
butterfly on a wheel"...

Would s.th. like PanoJS3 suit better for my approach?
http://www.dimin.net/software/panojs/

Its not a real "mapping"-thing I need here, more s.th. like MS's
DeepZoom in Silverlight.

What would you suggest the best?

Cheers and many thanks in advance,
Andreas

[Damon Oehlman]

Andreas,

You shouldn't have to set up a whole tile server.  If you don't really need a mapping specific solution but as you say something similar to DeepZoom then either PanoJS3 (not something I knew about) or Microsoft SeaDragon and more specifically their zoom.it online service would probably meet your needs perfectly.

Check out zoom.it and let me know what you think:

http://zoom.it/

Or a link to SeaDragon:

http://gallery.expression.microsoft.com/SeadragonAjax

Cheers,

Damon.

-- 
Damon Oehlman
t: DamonOehlman

http://distractable.net/

http://www.sidelab.com/

[Andreas Schnieders]

Hi Damon,

thank you for your quick response.

Both zoom.it as well as Seadragon look pretty interesting. The only
problem I see with these image-viewing-zoom-solutions is: How do I get
a second layer for custom marker displaying. I need to dynamically
display positions of objects in my "map". The positions - similar to
"tracks" - are updated over time.

Would you consider it possible to put a second canvas-container on top
of the map-viewing object to draw the custom positions?

Cheers,
Andreas

On Aug 10, 11:11 am, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> Andreas,
>
> You shouldn't have to set up a whole tile server. If you don't really need a mapping specific solution but as you say something similar to DeepZoom then either PanoJS3 (not something I knew about) or Microsoft SeaDragon and more specifically their zoom.it online service would probably meet your needs perfectly.
>
> Check out zoom.it and let me know what you think:
>
> http://zoom.it/
>
> Or a link to SeaDragon:
>
> http://gallery.expression.microsoft.com/SeadragonAjax
>
> Cheers,
> Damon.
>
> --  
> Damon Oehlman
> t: DamonOehlman
>

> http://distractable.net/http://www.sidelab.com/

>
>
>
>
>
>
>
> On Wednesday, 10 August 2011 at 6:31 PM, Andreas Schnieders wrote:
> > Alright, I spent the past two days searching and reading the internet
> > on my approach.
>
> > Did I get it right, that I do have to set up a whole tile-server like
> > tilecache or something to provide the tiles of my own map image? That
> > seems quite overstated. Lets say, I have a map-image of 10 000 x 10
> > 000 pixels. I "just" want to create tiles for a reasonable amount of
> > zoom-levels from that and access that tiles from a library like tile5
> > oder leafletjs. There _should_ be an easier way than setting up a
> > massive server-infrastructure, shoudln't it?
> > All these things about numbers of different tiling-servers, massive
> > mapnik-libraries and everything really feels like "breaking a
> > butterfly on a wheel"...
>
> > Would s.th. like PanoJS3 suit better for my approach?
> >http://www.dimin.net/software/panojs/
>
> > Its not a real "mapping"-thing I need here, more s.th. like MS's
> > DeepZoom in Silverlight.
>
> > What would you suggest the best?
>
> > Cheers and many thanks in advance,
> > Andreas
>

> > On Aug 5, 5:25 pm, Saeed Zareian <saeed.zare...@gmail.com (http://gmail.com)> wrote:
> > > Hi again,
> > > Additionally to my last message, I found the way to use local images.
> > > The working example exists in the sandbox of last version.
> > > I uses zoomify and doesn't support slider!
> > > but the new version doesn't have the zoomify plugin but has the
> > > slider!
> > > I wonder if zoomify support added to the new version.
> > > LeafletJS (according to its feature page:http://leaflet.cloudmade.com/features.html)
> > > is too young, and tile5 is now what we, as your library users, want!
>
> > > Thanks, Saeed
>

[Damon Oehlman]

It looks like SeaDragon has support for overlays:

http://expression.microsoft.com/en-us/gg413366.aspx

If, however, you find that it doesn't work for what your needs then we'll keep working through possibilities here for using Tile5 :)

Cheers,

Damon.

-- 
Damon Oehlman
t: DamonOehlman

http://distractable.net/

http://www.sidelab.com/

[Andreas Schnieders]

I'm a bit dissapointed right now. All these open-source things claim
to be "easy to use", "easy to set-up", "highly customisable" and
everything. But seriously: Why is everything resulting in setting up a
whole OSM-server-structure-something WITHOUT providing the possibility
to create my own tiles from my own map-image?

The problem about Seadragon is: I need platform-independency. So,
unless I didn't get it wrong, I'll have to stick to HTML5-libraries.

Isn't there a lightweight and straightforward way to generate tiles
from a large-size map-image and provide them on a lightweight server
usable by tile5 or leafletJS? I do not want to set up my own tilecache
or OSMcache with an OSM globefile and everything.

Kind regards and many thanks,
Andreas

On Aug 10, 11:31 am, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> It looks like SeaDragon has support for overlays:
>
> http://expression.microsoft.com/en-us/gg413366.aspx
>
> If, however, you find that it doesn't work for what your needs then we'll keep working through possibilities here for using Tile5 :)
>
> Cheers,
> Damon.
>
> --  
> Damon Oehlman
> t: DamonOehlman
>

> http://distractable.net/http://www.sidelab.com/
>
>
>
>
>
>
>

> On Wednesday, 10 August 2011 at 7:21 PM, Andreas Schnieders wrote:
> > Hi Damon,
>
> > thank you for your quick response.
>

> > Both zoom.it (http://zoom.it) as well as Seadragon look pretty interesting. The only

> > problem I see with these image-viewing-zoom-solutions is: How do I get
> > a second layer for custom marker displaying. I need to dynamically
> > display positions of objects in my "map". The positions - similar to
> > "tracks" - are updated over time.
>
> > Would you consider it possible to put a second canvas-container on top
> > of the map-viewing object to draw the custom positions?
>
> > Cheers,
> > Andreas
>

> > On Aug 10, 11:11 am, Damon Oehlman <damon.oehl...@gmail.com (http://gmail.com)> wrote:
> > > Andreas,
>

> > > You shouldn't have to set up a whole tile server. If you don't really need a mapping specific solution but as you say something similar to DeepZoom then either PanoJS3 (not something I knew about) or Microsoft SeaDragon and more specifically their zoom.it (http://zoom.it) online service would probably meet your needs perfectly.
>
> > > Check out zoom.it (http://zoom.it) and let me know what you think:

[Damon Oehlman]

Andreas,

Understand your frustration.  Have you had a look at MapTiler? 

http://www.maptiler.org/

It's a tool designed to chop up a static map into tiles that you should be able to use with Tile5 or Leaflet.  It does require the GDAL libraries to be installed which can be a bit of a pain.

If someone can point me to a sample image that you would be happy to see used in a Tile5 tutorial I will put something together.  It's obviously something that people really need and is not something that is obvious in any of the currently available libraries.  Happy to do two tutorials:

1 - For a custom geographical map.

2 - For a tiled "deep zoom" style viewer.

Cheers,

Damon.

[Andreas Schnieders]

Hi,

thank you for your helpful responses.

I managed to get a simple setup working:
- Tiled my map-image with magickTiler: http://code.google.com/p/magicktiler/
- Just put that tile-hierarchy on my apache-webserver
- Import leafletJS into my simple html5-file and use it with one map-
canvas and the following code:

var map = new L.Map('map');
map.setView(new L.LatLng(0,0) , 1);

var mapUrl = 'http://<websrvipaddress>/leafletjs/tiles/{z}/{x}/
{y}.jpg',
mapAttribut = 'First testing Tile Layer. Image tiled by
magicktiler',
tileLayer = new L.TileLayer(mapUrl, {minZoom: 2, maxZoom:
6, attribution: mapAttribut, scheme: 'tms', tileSize: 256});

map.addLayer(tileLayer);

But I think, it still would be a good idead to provide a tutorial for
setups like this one. I would just use any large satelite-picture
available on google?! S.th. like this?
http://www.stfc.ac.uk/RALSpace/resources/image/jpg/TopsatLandscape2.jpg

Funny fact about Deep Zoom Composer: I got exactly the issue dealt
with in the thread below. Did they solve it? Not yet - after 3 - THREE
- years....
http://social.expression.microsoft.com/Forums/de-DE/deepzoomcomposer/thread/21eae720-269e-4771-843e-dd4e8193867d

Cheers,
Andreas

On Aug 12, 1:38 am, Damon Oehlman <damon.oehl...@gmail.com> wrote:
> Andreas,
>
> Understand your frustration. Have you had a look at MapTiler?  
>
> http://www.maptiler.org/
>
> It's a tool designed to chop up a static map into tiles that you should be able to use with Tile5 or Leaflet. It does require the GDAL libraries to be installed which can be a bit of a pain.
>
> If someone can point me to a sample image that you would be happy to see used in a Tile5 tutorial I will put something together. It's obviously something that people really need and is not something that is obvious in any of the currently available libraries. Happy to do two tutorials:
>
> 1 - For a custom geographical map.
> 2 - For a tiled "deep zoom" style viewer.
>
> Cheers,
> Damon.
>
>
>
>
>
>
>
> On Thursday, 11 August 2011 at 10:12 PM, Andreas Schnieders wrote:
> > I'm a bit dissapointed right now. All these open-source things claim
> > to be "easy to use", "easy to set-up", "highly customisable" and
> > everything. But seriously: Why is everything resulting in setting up a
> > whole OSM-server-structure-something WITHOUT providing the possibility
> > to create my own tiles from my own map-image?
>
> > The problem about Seadragon is: I need platform-independency. So,
> > unless I didn't get it wrong, I'll have to stick to HTML5-libraries.
>
> > Isn't there a lightweight and straightforward way to generate tiles
> > from a large-size map-image and provide them on a lightweight server
> > usable by tile5 or leafletJS? I do not want to set up my own tilecache
> > or OSMcache with an OSM globefile and everything.
>
> > Kind regards and many thanks,
> > Andreas
>

[Damon Oehlman]

Nice work on finding magicktiler - looks like a pretty useful tool.  I'll try and set aside some time to have a look at it :)

Cheers,

Damon.

-- 
Damon Oehlman
t: DamonOehlman

http://distractable.net/

http://www.sidelab.com/