jeromegv/index.html

## index.html
<html>
<head>
    <title>Sample: Adding Tilestache to Leaflet</title>
    <meta charset="utf-8" />
     <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /><![endif]-->
     <script src="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
    <script>
        $(document).ready(function(){

            var map = new L.Map('map').setView([28.6135,84.1992], 5);

            //change IP to your schoolserver IP
            var tileLayer = L.tileLayer('http://192.168.1.18/tilestache/composite/{z}/{x}/{y}.png',{opacity: 0.8});

            //path if using tilestream
            //var tileLayer = L.tileLayer('http://localhost:8888/v2/Nepal/{z}/{x}/{y}.png',{opacity: 0.8});

            map.addLayer(tileLayer);
        });
    </script>
</head>
<body>
    <div id="map" style="width: 1000px; height: 750px"></div>
</body>
</html>

## installations steps
#install tilestache
sudo easy_install -Z tilestache
#dependency for tilestache that is missed by the installer
sudo yum install numpy

sudo mkdir /var/www/html/mbtiles
#move all the .mbtiles files in there. They must be referenced into tilestache.cfg

#this is what launches the tile server with wsgi
sudo vi /var/www/html/tilestache.wsgi
#copy paste the content of tilestache.wsgi in there

#this is the config of tilestache, where all layers at various zooms are configured and optionally the cache
sudo vi /var/www/html/tilestache.cfg
#copy paste the content of tilestache.cfg in there

#this is the apache config  to associate /tilestache with the tilestache wsgi
cd /etc/httpd/conf.d
sudo vi tilestache.conf
#copy paste the content of tilestache.conf in there

#restart apache
sudo apachectl restart

#tiles will be available at http://IP_OF_SCHOOLSERVER/tilestache/composite/{z}/{x}/{y}.png
#example of leaflet client-side frontend integration included with index.html

## tilestache.cfg
{
  "cache": {"name": "Test"},
  "layers": {
    "tiles013": {
      "provider": {
        "name": "mbtiles",
        "tileset": "/var/www/html/mbtiles/Nepal013.mbtiles"
      }
    },
    "tiles1415": {
      "provider": {
        "name": "mbtiles",
        "tileset": "/var/www/html/mbtiles/Nepal1415.mbtiles"
      }
    },
    "composite":
        {
          "provider":
          {
            "class": "TileStache.Goodies.Providers.Composite:Provider",
            "kwargs":
            {
              "stack":
              [
                {"src": "tiles013"},
                {"src": "tiles1415"}
              ]
            }
          }
        }
  }
}

## tilestache.conf
#Tilestache Apache2 configuration file
WSGIScriptAlias /tilestache /var/www/html/tilestache.wsgi

## tilestache.wsgi
import os, TileStache
application = TileStache.WSGITileServer('/var/www/html/tilestache.cfg')
	<html>
	<head>
	<title>Sample: Adding Tilestache to Leaflet</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
	<!--[if lte IE 8]><link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" /><![endif]-->
	<script src="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>
	<script src="http://code.jquery.com/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
	<script>
	$(document).ready(function(){

	var map = new L.Map('map').setView([28.6135,84.1992], 5);

	//change IP to your schoolserver IP
	var tileLayer = L.tileLayer('http://192.168.1.18/tilestache/composite/{z}/{x}/{y}.png',{opacity: 0.8});

	//path if using tilestream
	//var tileLayer = L.tileLayer('http://localhost:8888/v2/Nepal/{z}/{x}/{y}.png',{opacity: 0.8});

	map.addLayer(tileLayer);
	});
	</script>
	</head>
	<body>
	<div id="map" style="width: 1000px; height: 750px"></div>
	</body>
	</html>
	#install tilestache
	sudo easy_install -Z tilestache
	#dependency for tilestache that is missed by the installer
	sudo yum install numpy

	sudo mkdir /var/www/html/mbtiles
	#move all the .mbtiles files in there. They must be referenced into tilestache.cfg

	#this is what launches the tile server with wsgi
	sudo vi /var/www/html/tilestache.wsgi
	#copy paste the content of tilestache.wsgi in there

	#this is the config of tilestache, where all layers at various zooms are configured and optionally the cache
	sudo vi /var/www/html/tilestache.cfg
	#copy paste the content of tilestache.cfg in there

	#this is the apache config to associate /tilestache with the tilestache wsgi
	cd /etc/httpd/conf.d
	sudo vi tilestache.conf
	#copy paste the content of tilestache.conf in there

	#restart apache
	sudo apachectl restart

	#tiles will be available at http://IP_OF_SCHOOLSERVER/tilestache/composite/{z}/{x}/{y}.png
	#example of leaflet client-side frontend integration included with index.html
	{
	"cache": {"name": "Test"},
	"layers": {
	"tiles013": {
	"provider": {
	"name": "mbtiles",
	"tileset": "/var/www/html/mbtiles/Nepal013.mbtiles"
	}
	},
	"tiles1415": {
	"provider": {
	"name": "mbtiles",
	"tileset": "/var/www/html/mbtiles/Nepal1415.mbtiles"
	}
	},
	"composite":
	{
	"provider":
	{
	"class": "TileStache.Goodies.Providers.Composite:Provider",
	"kwargs":
	{
	"stack":
	[
	{"src": "tiles013"},
	{"src": "tiles1415"}
	]
	}
	}
	}
	}
	}
	#Tilestache Apache2 configuration file
	WSGIScriptAlias /tilestache /var/www/html/tilestache.wsgi
	import os, TileStache
	application = TileStache.WSGITileServer('/var/www/html/tilestache.cfg')