16384x16384ピクセルの画像に基づいて地図を作成しようとしていますが、この画像のピクセル座標を使用して特定の場所にマーカーを追加したいと考えています。リーフレットにピクセル座標を投影するには?
私はこのコードを使用して、画像の外にスクロールすることができないように私は、タイルレイヤー、マップ要素と設定された最大の境界を作成:
var map = L.map('map', {
maxZoom: 6,
minZoom: 2,
crs: L.CRS.Simple
}).setView([0, 0], 2);
var southWest = map.unproject([0,16384], map.getMaxZoom());
var northEast = map.unproject([16384,0], map.getMaxZoom());
map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
L.tileLayer('tiles/{z}/{x}/{y}.png', {
tms: true
}).addTo(map);
を私が追加したいポイントマップは、にGeoJSONなどの外部ファイルに格納されている、と彼らは私がこのコードのスニペット使用してそれらをロードするこのhttp://www.de-egge.de/maps/terranigma/terraPoints.js
のように見えるされています
var terraPoints = new L.geoJson(points, {
onEachFeature: function (feature, layer) {
layer.bindPopup(
"<b>Ort: </b>" + feature.properties["points[, 1]"]
);
}
});
map.addLayer(terraPoints);
しかし、もちろん、そうではないのをどのように参照システムが一致しないので、ポイントはピクセル座標を使用しますが、私のマップは地理座標を使用します。
ポイントのロード中にポイントを「解除する」方法はありますか?
ご協力いただきありがとうございます。
それは動作します、ありがとうございます。私はちょうど 'geojsonMarkerOptions' – DeEgge