サンプル

このページの目次

概要

サンプルは自由に改造して使って頂いて結構です。

リンクで通常に開くと実際に動作しているのがご覧頂けます。ダウンロードする場合は、ソースをそのままダウンロードして下さい。
保存する際に、文字コードが UTF-8 になっているかご確認下さい。
APIキーは自分のサイト用のAPIキーに差し替えてください。APIキーをまだ取っていない方はこちらをご覧下さい。

一部のサンプルは、『素材/関連ファイル』からダウンロードが必要なこともあります。

ディレクトリ構造は下記のようになっています。
map(任意)ディレクトリ以下にimage、js、xmlディレクトリ

ご自身のサイトで利用なさる場合は、ファイルはこのブラウザからは開かずにダウンロードして下さい。
右クリック(Macの場合はOptionキー+クリック)で表示されるポップアップから「対象をファイルに保存」など(ブラウザによって異なります)を選択します。

サンプル

下記のサンプルはいずれも世界測地系です。

シンプル
マップとカテゴリナビゲーション、アイテムナビゲーションのシンプルなサンプルです。
sample_simple01.html
sample_simple02.html
HTML / CSSデザイン版サンプル
HTML / テーブルデザイン版サンプル
sample_simple.xml XML / データファイル
リキッド・デザイン
「シンプル」のマップ幅をリキッドデザインに変更したサンプルです。
sample_liquiddesign01.html
HTML
sample_liquiddesign.xml XML / データファイル
マーカーの変更とセンターマーカー
マーカーを種類に応じて変更したものとセンターマーカー(マップ中央の+)を加えたサンプルです。
sample_marker01.html
HTML
sample_marker.xml XML / データファイル
マップ情報
マップ情報(「このページのURL」「緯度/経度」)を加えたサンプルです。
sample_mapinfo01.html
HTML
sample_mapinfo.xml XML / データファイル
検索とソート
検索(アイテム名検索と絞り込み検索)とソートを加えたサンプルです。
sample_searchandsort01.html
HTML
sample_searchandsort.xml XML / データファイル
アイテム・ナビゲーション
さまざまなアイテム・ナビゲーションの表示方法のサンプルです。
sample_itemnavi01.html
sample_itemnavi02.html
sample_itemnavi03.html
HTML / 縞々化
HTML / 1列目省略
HTML / 3列目に情報表示
sample_itemnavi.xml XML / データファイル