2016-05-30 6 views
0

私はgeoserverからTileWMSレイヤを持っています。私はそれを(適切に)リーフレットで表示しようとしています。 唯一の問題は、全世界地図が私のTileWMS層の周りにあるようだということです。だから私は私の層の周りに全部空白の領域を取得します。リーフレットTileWMSバウンディング

私がしたいのは、何らかの種類のボックスにタイルレイヤーだけを表示することです。コンテナのように。私はmapfitboundsを私のTileWMSレイヤーの境界のcoordiantesで試しました。私はちょっと助けましたが、空白の部分はまだそこにあります。

どのように私は空白を取り除くことができ、唯一の私TileWMS層を持っている(私はQGISでそれを編集したとして、ところで、私は必ず空白が私のWMSレイヤから来ていません)以下

は私のJSとHTMLとあります(境界線スタイルを持つ:固体)のdivオフマップ

Javascriptを

function init(){ 
var map = L.map('map'); 

var wmsLayer = L.tileLayer.wms('http://localhost:8080/geoserver/MYPROJECT/wms', { 
    layers: 'MY_WORKSPACE:MY_LAYER' 
}).addTo(map); 

map.setView(new L.LatLng(5.4919, -3.8174), 16); 

map.fitBounds([ 
    [5.4304, -4.0268], 
    [5.3207, -3.9060] 
]); 

} 

HTML

<!DOCTYPE html> 
<html> 
<head> 

    <title></title> 
    <!--meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /--> 
    <link rel="stylesheet" type="text/css" href="Mystyle.css"> 
    <link rel="stylesheet" type="text/css" href="leaflet/leaflet.css"> 
    <script src="leaflet/leaflet.js"></script> 
    <script src="MyJS.js"></script> 
</head> 
<body onload="init()"> 

<div id="map"></div> 


</body> 
</html> 

MAP

黄色の面積は私のTileWMSあるとdivが固体の境界線スタイルです。だから我々は

My map displayed in a browser

答えて

0

必要のない空白を見ることができますどのように私は空白を取り除くことができますし、空白のみがあなたのWMS画像の一部である私のTileWMS層

を持っています。

(私はQGISでそれを編集したとして、ところで、私は必ず空白が私のWMSレイヤから来ていません)

いいえ、それは透明な背景を持つWMSサーバが出力画像という保証ません。あなたのブラウザのネットワーク要求を調べて、画像が透明な背景を持っているかどうか試してみましたか?あなたのQgisとあなたのリーフレットが少し違った方法でWMSイメージを要求しているとはかなり確信しています。

transparent WMSパラメータを必ず使用し、ジオサーバーがサポートしていることを確認してください。

関連する問題