「maptiler」という名前のオープン ソース ツールを使用して、ラスター イメージ (地理情報なし) にタイル マップを作成します。また、作成したタイル マップを表示するために openlayers lib を使用する HTML ファイルも作成します。マップ (画像) がドラッグ可能で、画面に大きな空白領域があり、見栄えが悪いことを除いて、問題ないように見えます。地図の周りの空白領域を削除する方法を知っていますか?
ご協力いただきありがとうございます!
スクリーンショットはこちら: http を使用してアクセスしてください: "218.244.136.35:8080/7777/a.png"
私のソフトウェアは次のようなものです:
var options = {
controls: [
new OpenLayers.Control.Attribution(),
new OpenLayers.Control.TouchNavigation({
dragPanOptions: {
enableKinetic: true
}
}),
new OpenLayers.Control.LayerSwitcher(),
new OpenLayers.Control.Zoom()
],
maxExtent: new OpenLayers.Bounds( 0.0, -3448.0, 2426.0, 0.0 ),
maxResolution: 16.000000,
numZoomLevels: 5
};
var layer = new OpenLayers.Layer.TMS( "TMS Layer","",
{ url: '', serviceVersion: '.', layername: '.', alpha: true,
type: 'png', getURL: overlay_getTileURL
});
map = new OpenLayers.Map('map', options);
map.addLayer(layer);
var mapBounds = new OpenLayers.Bounds( 0.0, -3448.0, 2426.0, 0.0); // this is the resolution of my image
map.zoomToExtent( mapBounds );
map.addControl(new OpenLayers.Control.MousePosition());