<p dir="ltr"><br>
On 3 Nov 2014 15:57, "<a href="mailto:nazario.derrico@alice.it">nazario.derrico@alice.it</a>" <<a href="mailto:nazario.derrico@alice.it">nazario.derrico@alice.it</a>> wrote:<br>
><br>
><br>
><br>
>> Allora ho ridotto per provare un pò il mio raggio di azione ( ora sto provando con la sola città di Parma), ho generato i tiles tramite Maperative (dando valore di zoom minimo 13 e massimo 17). Una volta creati ho trasferito le cartelle (nominate da maperative con il valore dello zoom quindi cartella 13, 14 , 15 .... dove all'interno ci sono le varie png) in una cartella img nella stessa directory della pagina index.html che usa leaflet e la mappa. Il mio problema ora è che ottengo questo risultato:<br>
>><br>
>> LA PAGINA INDEX MI RISULTA CON IL DIV GRIGIO DELLA MAPPA (QUINDI VUOTO) E CON I SOLI BOTTONI DI ZOOM (+/-). <br>
>> Ora leggendo di qua e di la mi sembra che il codice sia corretto e che come risultato debba ottenere i tiles creati con maperative precedentemente, però non è cosi.<br>
>><br>
>> Questo è il codice della mappa:<br>
>>><br>
>>> var map = L.map('map').setView([44.801327, 10.327835]);<br>
>>><br>
>>> var osmUrl = "file:///C:/Users/derrico/Desktop/offline/img/{z}/{x}/{y}.png";</p>
<p dir="ltr">Le chiamate ajax non funzionano sullo schema file:///, devi metterle su localhost (con un webserver tipo apache, quindi xampp e simili) </p>
<p dir="ltr">>>><br>
>>> L.tileLayer(osmUrl,{<br>
>>><br>
>>> noWrap: true,<br>
>>><br>
>>> attribution: '© <a href="<a href="http://osm.org/copyright">http://osm.org/copyright</a>">OpenStreetMap</a> contributors',<br>
>>><br>
>>> maxZoom: 17,<br>
>>><br>
>>> minZoom: 13<br>
>>><br>
>>> }).addTo(map);<br>
>>><br>
>>><br>
>>><br>
>>> Grazie,<br>
>>><br>
>>> Nazario<br>
><br>
><br>
> _______________________________________________<br>
> Talk-it mailing list<br>
> <a href="mailto:Talk-it@openstreetmap.org">Talk-it@openstreetmap.org</a><br>
> <a href="https://lists.openstreetmap.org/listinfo/talk-it">https://lists.openstreetmap.org/listinfo/talk-it</a><br>
><br>
</p>