ArcGISベースマップを使用した効果的なリーフレットの活用方法

ArcGISベースマップの追加: リーフレットでArcGISベースマップを使用するには、まずベースマップレイヤーを追加する必要があります。以下のコードを使用して、ArcGIS Onlineからベースマップを取得し、リーフレットに追加することができます。

var map = L.map('map').setView([51.505, -0.09], 13);
L.esri.basemapLayer('Topographic').addTo(map);

ベースマップのスタイルの変更: ArcGISベースマップにはさまざまなスタイルが用意されています。例えば、Topographic、Streets、Satelliteなどがあります。以下のコードを使用して、ベースマップのスタイルを変更することができます。

var map = L.map('map').setView([51.505, -0.09], 13);
L.esri.basemapLayer('Streets').addTo(map);

カスタムベースマップの作成: ArcGISベースマップのスタイルが必要な場合、自分でカスタムベースマップを作成することもできます。以下のコードを使用して、カスタムベースマップを作成し、リーフレットに追加することができます。

var map = L.map('map').setView([51.505, -0.09], 13);
var customBasemap = L.tileLayer('<URL_TO_CUSTOM_BASEMAP>');
map.addLayer(customBasemap);

var map = L.map('map').setView([51.505, -0.09], 10);

イベントの追加: リーフレットでは、ユーザーの操作に応じてイベントを処理することができます。以下のコードを使用して、マップ上のクリックイベントを処理する方法を示します。

map.on('click', function(e) {
  console.log(e.latlng); // クリックされた位置の緯度経度をコンソールに表示
});

以上が、ArcGISベースマップをリーフレットで活用するための基本的な方法とコード例です。これらの手法を組み合わせて、さまざまな地図アプリケーションを作成することができます。詳細な情報やさらなるカスタマイズについては、ArcGISおよびリーフレットのドキュメントを参照してください。