I'm new to maps and currently I am developing my first offline Map with OSM data. I have map data added to postgres via osm2pgsql and installed mapnik 2.2. For caching I have used tilecache with standalone HTTP server under WSGI. For viewing the map, I have used leaflet. So, now, when I open browser everything works file, the map tiles are produced properly and displayed in the browser but the problem is that it is displayed randomly (I have attached a picture).
Leaflet code: html, body {height: 100%;overflow: hidden;} #map {height: 100%;}
var map = new L.Map('map', { center: [0, 0], zoom: 0});L.tileLayer('http://localhost:8080/1.0.0/osm/{z}/{x}/{y}.png').addTo(map);//map.setView([0, 0], 0, {reset: true});//the following avoid not displaying map when start untill zoom in or outmap.setView([52.1, 4], 3, {animate: false});
tilecache.cfg file:[osm]type=Mapniklevels=10mapfile= C:\OpenStreetMapTools\stylesheets\osm.xmlspherical_mercator=truemaxResolution=234.375 bbox=85.2270,27.5932,85.4233,27.7717extent_type=loose
أكثر...
Leaflet code: html, body {height: 100%;overflow: hidden;} #map {height: 100%;}
var map = new L.Map('map', { center: [0, 0], zoom: 0});L.tileLayer('http://localhost:8080/1.0.0/osm/{z}/{x}/{y}.png').addTo(map);//map.setView([0, 0], 0, {reset: true});//the following avoid not displaying map when start untill zoom in or outmap.setView([52.1, 4], 3, {animate: false});
tilecache.cfg file:[osm]type=Mapniklevels=10mapfile= C:\OpenStreetMapTools\stylesheets\osm.xmlspherical_mercator=truemaxResolution=234.375 bbox=85.2270,27.5932,85.4233,27.7717extent_type=loose
أكثر...