サンプルは自由に改造して使って頂いて結構です。
リンクで通常に開くと実際に動作しているのがご覧頂けます。ダウンロードする場合は、ソースをそのままダウンロードして下さい。
保存する際に、文字コードが UTF-8 になっているかご確認下さい。
APIキーは自分のサイト用のAPIキーに差し替えてください。APIキーをまだ取っていない方はこちらをご覧下さい。
一部のサンプルは、『素材/関連ファイル』からダウンロードが必要なこともあります。
ご自身のサイトで利用なさる場合は、ファイルはこのブラウザからは開かずにダウンロードして下さい。
右クリック(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 / データファイル |