I have set up one osm map tile using mapnik and one wms map server using qgis map server. This both map server are able to render 2d map on web platform . I am now intrested to use these map server with custom looks. For now i am very much intrested to make the tile tilt with certain angle.

Can i make it using leaflet or by using other script?

I want to render my map tile with certain tilt angle like this.

enter image description here

  • You could have a look into osm2world.org
    – AndreJ
    Commented Aug 5, 2016 at 5:56
  • osm2world uses a Java-based (not JavaScript!) renderer for producing tiles. Although pretty cool it doesn't seem to fit his requirements.
    – scai
    Commented Aug 5, 2016 at 6:44
  • Thanx for replying AnderJ and scai... Commented Aug 5, 2016 at 7:03
  • I just want to tilt the view of my map tile that's it. osm2world.org is really cool but it doesnot fit my requirement Commented Aug 5, 2016 at 7:06
  • I guess that three.js has this functionality. See a tutorial for the qgis2threejs plugin; Some functions of this library may be useful for your needs.
    – dof1985
    Commented Aug 5, 2016 at 8:45

2 Answers 2


Peter Liu at Mapbox wrote a tutorial about tilting a Leaflet map with CSS transformations, but found it resulted in awkward interaction and degraded image quality. Here's a little map I made trying to build on Peter's tutorial.

If you're open to other options, Mapbox GL JS might be better suited for a tilted map. It contains methods for setting both pitch and bearing. They even have an example using WMS.


OpenLayers 3 allows tilting of camera angles.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.