YahooのJavaScriptマップAPI(YOLP)で地図を描画

スポンサーリンク
スポンサーリンク
【お知らせ】 英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください!
画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

Yahoo の地図 API(YOLP)である JavaScriptマップAPI を使ってみたのでメモです。Yahoo API を利用するには、前もってアプリケーションIDを発行する必要があります。以下から取得できる。

アプリケーションの管理:Yahoo!デベロッパーネットワーク

以降、公式のドキュメントを参考に JavaScript で地図を描画してみました。

スポンサーリンク

Yahoo JavaScriptマップAPIのサンプル

公式ドキュメントは以下のページです。

YOLP(地図):Yahoo! JavaScriptマップAPI – Yahoo!デベロッパーネットワーク

書いてみたコード。東京ミッドタウン(緯度: 35.66572, 経度: 139.73100)の地図に、スライダーやラベルを付加して表示する例。

「Yahoo API用のアプリケーションID」の箇所は、取得したアプリケーションIDに変更する。以上のコードだけで、かなり簡単に地図を描画できました。addControl や configure で指定できるオプションについてはドキュメントに詳しく説明してあります。

スポンサーリンク
オライリーのJavaScritp本(通称サイ本)は、昔かなり読み込みました。
スポンサーリンク
 
Twitterを使っていますのでフォローお願いたします!ブログの更新情報もつぶやいてます^^
(英語学習用)

Leave Your Message!