Leaflet|Markerの使い方

LeafletのMarkerの使い方についてまとめました。

Markerの作成

L.marker(<LatLng> latlng, <Marker options> options?)

Markerを配置する地点の座標(緯度経度)と、オプションを指定します。オプションは省略可能です。

sample code

Options

Marker作成時に指定できるオプションです。

option default value 説明
icon * Markerのアイコンを指定します。
未指定の場合は、デフォルトでL.Icon.Defaultの共通インスタンスが使用されます。
keyboard true キーボードのEnterキーで、Markerがクリック可能か指定します。
title Markerにツールチップを表示できます。
alt アイコン画像のalt属性のテキストです。
zIndexOffset 0 Marker画像のzIndexは、緯度に基づいて自動的に設定されますが、このオプションを使用して独自に設定することができます。
opacity 1.0 Markerの不透明度を指定します。
riseOnHover false Markerにマウスカーソールを当てるとホバーするか指定できます。
riseOffset 250 riseOnHoverで使用されるzindexのオフセットを指定します。

keyboard、title、opacity、riseOnHover オプションの、sample code と demoは以下になります。

keyboard

Demoを表示

title

Demoを表示

opacity

Demoを表示

riseOnHover

Demoを表示

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする