Schlecht lesbare wms-Schicht auf Android - Prospekt

Ich brauche meine WMS auf Prospekt zu verbrauchen und es in der Web-Ansicht anzuzeigen. Wenn ich meine Brochüre im Broser öffne, ist sie ziemlich rein und lesbar. Wenn der gleiche Code in Android ausgeführt wird, ist es am schlechtesten lesbar. Ich habe versucht, detectRetina: true WMS-Ebene hinzuzufügen, aber Text war sehr klein und schlecht lesbar wie jetzt. Auf den Bildern können Sie Unterschiede sehen.Schlecht lesbare wms-Schicht auf Android - Prospekt

Hier ist mein vollständiger Code:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>LEaflet</title> 
    <link rel="stylesheet" href="leaflet/leaflet.css"> 
    <link rel="stylesheet" href="style.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

</head> 
<body style="padding:0; margin:0; height: 100vh; width: 100vw;"> 

<div id="map" style="height: 100vh; width: 100vw;"></div> 


</body> 

<script src="leaflet/leaflet.js"></script> 

<script> 
    var map = L.map('map', { 
     minzoom:13 
    }).fitWorld(); 

    var wmsLayer = L.tileLayer.wms('http://10.0.2.2:8080/geoserver/TEST/wms?', { 
     layers: 'TEST:MyBaseLayer' 
     //detectRetina: true 
    }).addTo(map); 

</script> 
</html>

Quelle

2017-02-18 Denis Stephanov

Sie werden auf den Trick zurückgreifen müssen von Fliesen, die doppelt so groß ist, mit einem zoomOffset von -1, das heißt:

var tileLayer = L.tileLayer(tileUrlTemplate, { 
    tileSize: 512, 
    zoomOffset: -1 
}).addTo(map);

überprüfen Sie die Leaflet documentation for L.TileLayer über diese Optionen. Sie gelten auch für L.TileLayer.WMS.

Quelle

2017-02-18 14:14:35 IvanSanchez

immer noch schlecht:/https://ctrlv.cz/shots/2017/02/19/oO6t.png –

Schlecht lesbare wms-Schicht auf Android - Prospekt

Antwort

Verwandte Themen