Map Tutorial using LeafletJS ~ 04 Map bounds and pixel references

Channel:
Subscribers:
63,000
Published on ● Video Link: https://www.youtube.com/watch?v=R8gN379z8eA



Category:
Tutorial
Duration: 23:39
7,853 views
113


In this series we will be creating a fantasy map for my RhinoDroid comic strip using LeafletJS mapping API.

DOWNLOADS:
These are the files and applications throughout this tutorial:

LeafletJS: http://leafletjs.com/download.html
Photoshop Tile Cutter Script: https://github.com/bramus/photoshop-google-maps-tile-cutter/
PNGyu PNG optimizer: http://nukesaq88.github.io/Pngyu/

The programs used in this tutorial are:
Clip Studio (for creating the graphics)
Photoshop (for making the tiles)
PNGyu (for optimising the PNG tile files.
Sublime Text (for writing the html and javascript code)
Firefox with Firebug (for viewing and debugging the map)







Tags:
tutorial
leaflet
leafletjs
html
javascript
how to
code
map
map api
google maps
step be step