AngularJS、リーフレット、角度リーフレットディレクティブを使用しています。この例は、パブリックタイルサーバーを使用しているときに機能します(現在の例では、パブリックArcGISサーバーを参照しています)。タイルサーバーから不完全なマップが戻ってきました。ズームレベルでドキュメントよりも多くのタイルが表示されています
open street mapsとmapboxの2つのドキュメントを含むいくつかのオンラインソースによると、特定のズームレベルで利用できるタイルの数は、2^z X 2^z(zはズームレベル)である必要があります。したがって、ズームレベル0では1タイルを取得し、1では4タイルを取得する必要があります。
この問題は私的にホストされている企業イントラネットのESRI ArcGISタイルサーバーを指している場合にのみ発生します。下のページをそのまま表示しようとすると、http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/ {z}/{y}/{x}の代わりにプライベートタイルサーバーのURLを表示すると、ズームレベル0と1の部分地図しか表示されません。
私はタイルサーバーがズームレベル0で1の代わりに2つのタイルを、ズームレベル1で4の代わりに6つのタイルを送信したいと考えていました。個々のタイルのURLを見ると(ズームレベル0での../0/0/0と../0/0/1など)、私たちがまとめた場合に期待されるコンポジットマップを取得することがわかりますそのズームレベルで利用可能な残りのタイル。つまり、リーフレットが地図全体を作成したいのであれば、その情報は利用可能です。
リーフレットとマップは一般的に新しくなっていますが、特定のズームレベルでより多くのタイルを期待してリーフレットに完全な画像を得ることができるはずですが、リーフレットのドキュメントを検索した後、そのような構成を見つけることができません。
私の質問:そのような設定はありますか?もしそうなら、それは何ですか?たぶん問題は何かが欠落しているか、正しい質問をするのに十分ではない。正しい文書を見ていますか?どんな指導も高く評価されます。
<html>
<head>
<title>A Leaflet map!</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style>
#map{ width: 900px; height: 500px; }
</style>
</head>
<body>
<div id="map"></div>
<script>
// initialize the map
var map = L.map('map').setView([42.35, -71.08], 13);
// load a tile layer
L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}',
{
maxZoom: 17,
minZoom: 9
}).addTo(map);
</script>
</body>
</html>
ありがとうございました。 – Sanjeev