http status code 404 - que - Iónico/Folleto: no se puede obtener el mosaico 404 no encontrado(del caché)

error 404 solucion

Question

Estoy bloqueado con un problema que es muy extraño. Estoy usando un folleto con angular-folleto-directiva . En la aplicación anterior, todo funcionó.

Ahora en una aplicación nueva, me gustaría implementar un nuevo mapa de folleto. Por lo tanto, he copiado mi código anterior.

Mi problema es que, se abre el mapa del folleto, se crean mis marcadores, pero

TILES no están cargados

(Tengo derechos de internet y de internet para mi aplicación) Todos los mosaicos que intentan cargarse fallaron y reciben el siguiente problema:

GET http://a.tile.openstreetmap.org/18/98891/132985.png 404 (Not Found)

Como puede ver, si tiene acceso directo al mosaico, puede verlo en el navegador.

Encabezado de cada solicitud Tile GET

 GENERAL
Request URL:http://a.tile.openstreetmap.org/18/98892/132984.png
Request Method:GET
**Status Code:404 Not Found (from cache)**
RESPONSE HEADERS
Client-Via:shouldInterceptRequest
REQUEST HEADERS
Provisional headers are shown
Accept:image/webp,*/*;q=0.8
User-Agent:Mozilla/5.0 (Linux; Android 5.0.1; GT-I9505 Build/LRX22C; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/42.0.2311.137 Mobile Safari/537.36

Mi sensación es que está intentando cargarlo desde la memoria caché en lugar de cargarlo directamente desde el proveedor abierto. Todavía no puedo obtener lo que es diferente entre mis 2 proyectos.

Mi otra aplicación de trabajo tiene el siguiente encabezado para cada mosaico:

GENERAL
Remote Address:192.163.219.40:80
Request URL:http://c.tile.openstreetmap.org/18/98818/132892.png
Request Method:GET
Status Code:200 OK
Response Headers
view source
Access-Control-Allow-Origin:*
Cache-Control:max-age=604800
Content-Length:3584
Content-Type:image/png
Date:Fri, 08 May 2015 13:57:36 GMT
ETag:"51fb8a7a0f719b211641dca08bf1d76b"
Expires:Fri, 15 May 2015 13:57:36 GMT
Server:Apache/2.4.7 (Ubuntu)
Via:1.1 nadder-02.openstreetmap.org:3128 (squid/2.7.STABLE9)
X-Cache:MISS from nadder-02.openstreetmap.org
X-Cache-Lookup:MISS from nadder-02.openstreetmap.org:3128
Request Headers
view source
Accept:image/webp,*/*;q=0.8
Accept-Encoding:gzip, deflate
Accept-Language:fr-FR,en-US;q=0.8
Connection:keep-alive
Host:c.tile.openstreetmap.org
User-Agent:Mozilla/5.0 (Linux; Android 5.0.1; GT-I9505 Build/LRX22C; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/42.0.2311.137 Mobile Safari/537.36
X-DevTools-Emulate-Network-Conditions-Client-Id:01BAB1E4-1122-4CEF-AC90-BDE2C1113EF4
X-Requested-With:com.myapp.myapp

Configuración AngularJS

La memoria caché está desactivada.

$httpProvider.defaults.cache = false;

También probé el siguiente aditivo ya que HTTP TILE LOADING es get (no exitoso)

 //initialize get if not there
if (!$httpProvider.defaults.headers.get) {
$httpProvider.defaults.headers.get = {};
}
//disable IE ajax request caching
$httpProvider.defaults.headers.get[''If-Modified-Since''] = ''Mon, 26 Jul 1997 05:00:00 GMT'';
// extra
$httpProvider.defaults.headers.get[''Cache-Control''] = ''no-cache'';
$httpProvider.defaults.headers.get.Pragma = ''no-cache'';

HTML Creación de directiva de folleto

 <div data-tap-disabled="true" style="height: 90%; {{iosPlatform ? ''top:10%; position:relative'' : ''''}}">
<leaflet id="map" defaults="defaults" center="center"
bounds="bounds" event-broadcast="events" markers="markers"
height="100%" width="100%" class="animation" layers="layers"></leaflet>
</div>

Código AngularJS

angular.extend($scope, {
center: {
lat: -2.6273,
lng: -44.1932,
zoom: 18
},
markers: {},
defaults: {
scrollWheelZoom: true
},
bounds: {
southWest: {
lat: -2.628074696286876,
lng: -44.19960723876953125,
},
northEast: {
lat: -2.629410211532874,
lng: -44.19617401123046874,
}
},
events: {
map: {
enable: [''popupopen''],
logic: ''emit''
}
},
tiles: {
url: ''https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'',
options: {
attribution: ''''
}
},
layers: {
"baselayers": {
"osm": {
"name": "Cidade",
"url": "http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
"type": "xyz",
"layerParams": {},
"layerOptions": {}
}
},
overlays: {
}
},
controls: {}
});

Cuando abro mi mapa, llamo a la siguiente función:

 $scope.getMyMap = function() {
var d = $q.defer();
leafletData.getMap(''map'').then(function(map) {
$scope.map = map;
map.invalidateSize();
d.resolve(map);
}, function(err) {
d.reject(err);
});
return d.promise;
};

Answer 1

Después de muchas pruebas, finalmente instalé el plugin de cordova whitelist y con él, todo volvió a la normalidad.

Realmente todavía no sé por qué hay este cambio con respecto a la lista blanca recientemente. Te mantendré informado si tengo otra información sobre ese cambio e impacto