地図タイル（リーフレット）

Question

ここでは、コードです：

mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>'; 

var map = L.map('map').setView([25.7617,-80.18], 30); 
L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
    attribution: '&copy; ' + mapLink + ' Contributors', 
    maxZoom: 18, 
}).addTo(map); 

それはエラーを与えていない、まだ私はズームしない限り、それはグレーとオフを開始します。私は行方不明か何かの属性がありますか？タイルの問題である必要がありますか？

層を使用してロードされた後、私はズームを設定することで問題を回避働い

Answer 1

あなたが最初のビュー設定した場合：

var map = L.map('map').setView([25.7617,-80.18], 30); 

をあなたは30 ...のズームレベルを要求これはあなたのタイルレイヤーが提供できるものをはるかに超えています（maxZoom: 18）。単純に（自分の可能ズーム以内にあなたの最初のビューを設定http://jsfiddle.net/3v7hd2vx/30/

：

とすぐに手動でズーム要求を行うよう、リーフレットは、すなわちバック18

デモに、その可能なズーム以内バックに拡大表示されますつまりあなたのケースでは18以下）、あなたは大丈夫でしょう。

var map = L.map('map').setView([25.7617,-80.18], 10); 

デモ：リーフレットのバージョンを使用しているので、いくつかの詳細...と言うことhttp://jsfiddle.net/3v7hd2vx/31/

Answer 2

：

map.setZoom(10);