android上可读性差的wms层-传单
我需要在传单上使用WMS,并将其显示在web视图中。当我在broser中打开我的传单应用程序时,它非常纯净易读。当相同的代码在android中运行时,可读性要差得多。我尝试将android上可读性差的wms层-传单,android,leaflet,geoserver,wms,Android,Leaflet,Geoserver,Wms,我需要在传单上使用WMS,并将其显示在web视图中。当我在broser中打开我的传单应用程序时,它非常纯净易读。当相同的代码在android中运行时,可读性要差得多。我尝试将detectRetina:true添加到wms层,但文本非常小,可读性和现在一样差。在这些图像上你可以看到不同之处 这是我的全部代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
detectRetina:true
添加到wms层,但文本非常小,可读性和现在一样差。在这些图像上你可以看到不同之处
这是我的全部代码:
<!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>
传单
var map=L.map('map'{
minzoom:13
}).fitWorld();
var wmsLayer=L.tileLayer.wms('http://10.0.2.2:8080/geoserver/TEST/wms?', {
图层:“测试:MyBaseLayer”
//特雷蒂娜:是的
}).addTo(地图);
您将不得不求助于将平铺大小增加一倍的技巧,将缩放设置为-1,即:
var tileLayer = L.tileLayer(tileUrlTemplate, {
tileSize: 512,
zoomOffset: -1
}).addTo(map);
查看有关这些选项的详细信息。它们也适用于L.TileLayer.WMS