Using PHP tile server from infostreams with Leaflet and Wax Connector for Leaflet to visualize my .mbtiles. I upped the source and the .mbtiles on a free hosting service.
I am getting a blank Leaflet container on my site right now. There are the zoom buttons and Leaflet attribution but no map.
When I point the browser to domain.com/tiles/tileserver.php it gives the open_basedir restriction error. When I replace the .json URL (in java.js) with another map's .json that is uploaded on MapBox Hosting, that map shows (interactivity doesn't work though).
EDIT: Since I'm on a free hosting service, I cannot access the httpd.conf or php.ini file. Therefore I have no way of suppressing the open_basedir error. I could use another free hosting service of your choice.
Server directory looks like:
DIR tiles
DIR wax
.htaccess
index.html
java.js
css.css
index.html goes:
<!DOCTYPE html>
<html>
<head>
<script src='wax/ext/leaflet.js' type='text/javascript'></script>
<script src='wax/dist/wax.leaf.js' type='text/javascript'></script>
<link href='wax/ext/leaflet.css' rel='stylesheet' type='text/css' />
<link href='css.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="map-div"></div>
<script src="java.js" type='text/javascript'></script>
</body>
</html>
java.js goes:
var url = "/tiles/Century.json"
wax.tilejson(url, function(tilejson) {
// Create map and add image tiles
var map = new L.Map('map-div')
.addLayer(new wax.leaf.connector(tilejson))
.setView(new L.LatLng(51, 0), 1);
// Create map legend
wax.leaf.legend(map, tilejson).appendTo(map._container);
// Add map interaction (tooltips)
wax.leaf.interaction()
.map(map)
.tilejson(tilejson)
.on(wax.tooltip().animate(true).parent(map._container).events());
});
"tiles" directory:
.htaccess
Century.mbtiles //This is just what I downloaded from infostreams' tile server.
tileserver.php
