Leafletの使い方の記事一覧Leaflet(1.3)を使ってマップに図形(多角形)を描画します。Demoはこちらです。地図を描画するまでの解説は、leaflet入門1に記載しています。基本的には、以下のように各地点の緯度経度を配列で指定します。139.8121],]).addTo(mymap);地点間の線は自動的に描画されます。描画する線や図形内を塗りつぶす色を指定することができます。指定の仕方は、以下のように各地点の緯度経度の後に指定します。0.5,}).addTo(mymap);color:描画する線の色を指定します。fillColor:塗りつぶしの色を指定します。fillOpacity:塗りつぶしの不透明度を指定します。(0になるほど透明になります)L.polygonを使うと、簡単に多角形を描画することができます。次回は円を描画したいと思います。polygon関連記事Leaflet入門|地図にコンパスを表示する(Control.Compass)Leafletのプラグイン「Leaflet.Control.Compass」使用して、地図にコンパスを表示します。記事を読むLeaflet|マウス(タッチ)でのマップ移動を無効にするLeafletのマップ上で、マウス(タッチ)でドラッグした際に、マップが移動しない方法を記載しています。使用して、地図にマーカーを表示します。マーカーを表示するには、L.markerを使用します。マーカーをクリック(タップ)した際に、ポップアップを表示する方法も記載しています。記事を読むLeaflet入門|プラグインで右クリックメニューを追加する(contextmenu)leafletのプラグイン(contextmenu)を使用して、地図に右クリックメニューを追加します。地図全体・マーカーごとに表示するメニューを変更することもできます。記事を読むLeaflet入門|地図にメニューと検索機能をつける(プラグイン)leafletのプラグイン「leaflet-custom-searchbox」を使用して、地図にメニューと検索機能をつける方法をご紹介します。記事を読むLeaflet|ダブルクリックのズームでマップ中心地点のみ拡大されるようにするLeafletのマップ上で、ダブルクリックした際にマップの中心地点のみ拡大する方法について記載しています。記事を読むLeaflet入門|プラグインでマーカーのアイコンを変更する(vector-markers)leafletのプラグイン(vector-markers)を使用して、マーカー・アイコンを変更します。」のものを使用します。記事を読むLeaflet入門|おすすめプラグイン(ズーム系)Leafletのズーム系プラグインをまとめてみました。各プラグインの実装方法も記載しています。記事を読むLeaflet入門|プラグインで地図のURLハッシュを作る(Leaflet-hash)leafletのプラグイン(Leaflet-hash)を使用して、現在表示している地図のURLハッシュを作成します。URLハッシュ付きのリンクを使用すると、同じ地点・拡大率の地図をいつでも再表示することができます。コメントをキャンセルメールアドレスが公開されることはありません。