OK、私は私が必要と思う正確な例を見つけました。私はイメージのためにそれを設定する方法を練ることができず、これが私の目標を達成するための最良のアプローチであるかどうかは分かりません。リーフレットを使用して画像から地図を作成する方法
意図する結果:
http://maps.mixedbredie.net/leaflet/image.html
コード例:
var map = L.map('map', {maxZoom: 17}).setView([51.495, -0.075], 14);
/* Instead of a tile layer, use a bitmap image */
var imageUrl = 'data/TM_pano.jpg';
var imageBounds = [[51.490, -0.122], [51.510, -0.028]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
L.marker([51.495, -0.075]).addTo(map)
.bindPopup("This is Table Mountain.");
var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(map);
}
map.on('click', onMapClick);
map.setMaxBounds(imageBounds);
質問:
1)どのように経度/緯度、画像の境界を選択するには?
- すなわち.setView([51.495、-0.075]、14)
- するvar imageBounds = [51.490、-0.122]、[51.510、-0.028]。
2.)私の全体像を表示する必要がありますか?妥当な限度は何ですか?
3.)この方法で実際の座標を使用できますか?地下水道管をマッピングしますが、その配管図のカスタム.jpgを使用していますか?次に、特定のロング/ラットのパイプにマーカーを付けることができました。