マップ要素

執筆者:

カテゴリ:

マップ要素

利用可能なバージョン

Lite版 限定されたスタイリングで利用可能
Premium版 すべての機能が利用可能

使用方法

マップ要素をクリックして、ページにマップを追加します。マップ要素が選択されているときは、インスペクターにマップの設定が表示されます。インスペクターの位置フィールドに緯度と経度の座標または住所を入力して、その地域をマップの中心に配置できます。その他にも様々なスタイリングオプションが用意されています。

マップをパン(移動)したり拡大/縮小したりして、マップ要素をさらに操作できます。マップ上での変更は要素に反映されることに注意してください。

Premiumユーザーは、色を選択して色合いを付けることでマップをスタイル設定できます。もう1つのオプションとして、snazzymaps.com を使用してカラースキームを生成し、それらを使用することもできます。SnazzyMapsを使用すると、次のようなカラースキームを作成できます:https://snazzymaps.com/style/20053/papuportal-dark これらのカラースキームを使用するには、Javascript style array をインスペクターにコピーします。

マップの高さは調整できますが、マップの幅は調整できず、常に利用可能な最大幅にリサイズされます。サイズを変更するには、行や列の中にマップを配置してください。ブラウザの全幅を占めるようにマップを設定することもできます。

活用例

  • お問い合わせページ
  • 店舗・支店検索
  • シングルページサイト