Drag, Zoom-in & tile based loading met javascript (zoals mapbox / dayzdb)

[killer4all2]

Goedendag,

Wat ik wil:
Ik wil een image op een canvas tekenen. Deze image moet in stukken gedeeld worden met verschillende resoluties, elke keer als je inzoomed moet alleen het gedeelte geladen worden wat je ziet (van de image). Ik wil kunnen inzoomen op de image waar iedere keer een andere resolutie image tiles gebruikt word. (zoals bij bijvoorbeel dayzdb: http://dayzdb.com/map). Ik will ook heen en weer kunnen "draggen".

Ik hoop dat ik duidelijk genoeg uitgelegd hebt wat ik precies wil bereiken

Ik heb al heel wat gezocht op google, maar ik weet niet waarop ik moet zoeken (ik weet dit specifiek heet).

Weet iemand misschien een tutorial hiervoor?

Alvast bedankt voor jullie tijd.

Gr,
Rowan

 

[Tha Devil]

Die website maakt gebruik van Leaflet JS: http://leafletjs.com/

Daar je eigen afbeeldingen aan koppelen en dan werkt het lijkt mij

 

[killer4all2]

Ik zou leaflet graag willen gebruiken maar ik wil op de map kunnen teken. Helaas kan ik niks vinden hoe ik dit met leafletjs kan bereiken. Weet jij misschien of er een alternatief is voor leaflet die dit wel kan bereiken (of beter nog specifiek voor gemaakt is).

Heb nu al een tijd zitten googlen, maar kan niet echt een oplossing vinden

 

[Tha Devil]

Wat wil je tekenen dan? Je kunt alle vormen gewoon via Leaflet maken: "Markers, circles and polygons" http://leafletjs.com/examples/quick-start.html

 

[killer4all2]

Ik wil echt letterlijk kunnen tekenen Niet shapes.

 

[Tha Devil]

Ah, de vraag is mij duidelijker geworden

Dit zoek je dus: http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

Ik betwijfel of je zoiets beweegbaar kunt maken, daarvoor zou je libraries moeten combineren om te kijken of ze blijven werken

 

[killer4all2]

Ja ik ben bang dat ik dat moet gaan doen. Nou dat word dan maar iets in elkaar knutselen

Bedankt voor je hulp