Estoy perplejo, y un buen montón de búsqueda ha aparecido de la nada útil.
Estoy en el primer paso de lo que será finalmente un mapa con tres capas ráster y tres capas de marcadores (con controles para cambiar entre los rásteres y sus datos asociados, con pop-ups/sugerencias para los datos), pero no puedo obtener el Tilemill azulejos para mostrar correctamente. (He creado los rásteres en QGIS, corriendo a través de GDAL para colorear y re-proyecto de ellos, y luego ponerlos en TileMill.)
A saber:
Que en Chrome. Este es Safari:
Y aquí está el código, el cual se parece bastante inocuo para mí (he comentado todo, pero los azulejos en este punto, así que es todo lo que hemos incluido):
<html>
<head>
<title> - Leaflet demo</title>
<script type='text/javascript' src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style type='text/css'>
html, body{ width:100%; height: 100%, margin:0; padding:0; }
#map{ width:700px; height:600px }
img {margin:0px;padding:0px};
</style>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
//one base layer on map
var map = new L.Map( "map" ).setView([38.173,-94.384],5);
L.tileLayer('http://a.tiles.mapbox.com/v3/mtgmediagroup.beef2013/{z}/{x}/{y}.png', {
attribution: 'Dani Friedland/MTG Media Group',
maxZoom: 9
}).addTo(map);
</script>
</head>
<body>
<b>Map</b>
<div id="map"></div>
</body>
</html>
¿Alguien ha tenido este problema? Si es así, ¿cómo se supera? Estoy con muchas ganas de empezar en el resto del proceso de elaboración de este mapa (por supuesto me refiero a "descubrir el siguiente problema a resolver").
Editado para añadir: he intentado re-exportación de un nuevo MBTiles archivo, subirlo a medida que nuevos datos, y la creación de un nuevo Mapbox proyecto a partir de esos datos. No dice. El próximo paso en aislar el problema sería establecer los MBTiles archivo en un servidor, omitiendo Mapbox, pero que parece ser más propensos a crear problemas en vez de solucionarlos.
