私はバス ルート マップに取り組んでおり、ユーザーがオン/オフできるルートがいくつかあります。選択したルート (またはルート) が選択時に完全に画面に表示されるようにズーム/パンする方法を考えたいと思います。(一部は初期ズーム レベルで画面外に表示されます)。
これまでの魔法は次のとおりです。
var busRoute10 = L.geoJson([route10, busStop3, busStop4],{onEachFeature: onEachFeature});
var busRoute11 = L.geoJson([route11, busStop19, busStop16, busStop18, busStop22],{onEachFeature: onEachFeature});
var busRoute12 = L.geoJson([route12, busStop23, busStop42, busStop43, busStop15, busStop28, busStop27, busStop22, busStop16],{onEachFeature: onEachFeature});
var busRoute13 = L.geoJson([route13, busStop44, busStop31, busStop25, busStop26, busStop36],{onEachFeature: onEachFeature});
var baseLayers = {
"Route 10": busRoute10,
"Route 11": busRoute12,
"Route 12<hr>": busRoute14,
"Route 13": busRoute20,
};
L.control.layers(null, baseLayers, {collapsed: false}).setPosition ('topright').addTo(map);
map.fitBounds の複数の組み合わせを試しましたが、取得できないようです。
また、コントロールボックスにタイトルとサブタイトルを追加する方法はありますか? コントロールを次のようにしたいと思います。
昼
【】国道10号
【】国道11号
夜
【】国道12号…etc