基本サンプル

APIの利用目的に応じたサンプル集です。
簡単なサンプルについては、スタートガイドをご覧ください。
※これらのサンプルはあくまで実装例であり、動作を保証するものではありません。

1. 地図
2. イベント
3. ウィジット
4. 検索
5. ユーティリティ
6. その他

地図

地図を表示する

• 中心点の緯度経度を指定する
• 縮尺レベルを指定する
• 地図の種類を指定する
• マウスホイールの動作を指定する
• マウスホイール時に地図の中心点の緯度経度を変えない

地図の情報を取得する

• 地図の中心点の緯度経度を取得する
• 地図領域の緯度経度を取得する
• 地図をクリックした地点の緯度経度を取得する
• 地図の縮尺レベルを取得する

地図を変更する

• 地図のクリックした地点を中心点にする
• 地図の中心点を指定したピクセル分移動させる
• 指定した緯度経度を地図の中心点にする
• 地図の縮尺レベルを変更する
• 緯度経度を保存する／保存した緯度経度を地図の中心点に変更する
• 地図領域の大きさを変更する
• 地図のドラッグを禁止する／再開させる

イベント

イベント

• イベントを利用する
• イベントトリガーを使う
• イベントの伝播を止める
• bindを利用してクリックしたマーカの緯度経度を表示する

ウィジット

中心点画像

• 中心点画像を表示する
• 中心点画像を削除する

スケールバー

• スケールバーを表示する
• スケールバーを削除する

マーカ

• マーカを表示する
• マーカを表示する（重畳画像）
• マーカにタイトルをつける
• マーカに任意の画像を使う
• マーカを削除する
• 地図をクリックした地点にマーカを表示する

コントロール

• コントロールを表示する
• コントロールの表示位置を指定する
• コントロールを削除する

吹き出し

• 吹き出しを表示する
• マーカをクリックして吹き出しを表示する
• 開いた吹き出しの緯度経度を地図の中心点にする
• 吹き出しを削除する
• 吹き出しの内容を変更する
• 吹き出しに画像を表示する
• 吹き出しを閉じる際に動作を追加する

ユーザウィジット

• ユーザウィジットを表示する
• マーカをクリックしてユーザウィジットを表示する
• ユーザウィジットを削除する

スタティックユーザウィジット

• スタティックユーザウィジットを表示する
• スタティックユーザウィジットを削除する

ユーザコントロール

• ユーザコントロールを表示する
• ユーザコントロールを削除する

サブマップ

• サブマップを表示する

図形描画

• 線を表示する
• 多角形を表示する
• 円・楕円を表示する
• 図形を削除する
• 図形の形や色を変更する

ウィジット操作

• ウィジットのz-indexを変更する

検索

検索をする

• ZDC.Searchを使う
• 自動車ルート探索の結果を地図に表示する
• 歩行者ルート探索の結果を地図に表示する
• 道沿いのコンビニを検索する

ユーティリティ

幾何計算をする

• 2点間の距離を取得する

印刷

• 印刷に適した地図に変更する

プラグイ‌ン

• まとめて周辺検索する
• GeoJSONを描画する

その他

• 地域図を利用する
• 路線図を利用する
• ユーザタイルを表示する
• 緯度経度を表示するボックスを表示する