新着記事
2009年04月15日

Yahoo!地図APIのサンプルコード

Yahoo!地図API を利用した地図のサンプルコードです。
地図はこちら→地図表示用ページ
前記事で紹介した Yahoo!地図API で作ってみた地図のコードを紹介します。こういったサンプルコードがあれば、初心者でも地図API にチャレンジしやすいし、少なくとも躓いた人へのヒントくらいにはなるのではないかと考え公開します。
ただし私はプログラミングの知識は皆無ですので、ご利用は自己責任でお願いします。Yahoo!地図API のマニュアルにあるサンプルコードを基にしてあり、一応スクリプトエラーはなく動作しています。

◎スクリプト部分
(1) 以下をタグ<head>と</head>の間に記述する。【アプリケーションID】の部分をご自身のアプリケーションIDに書き換える。

アイコンの数の増減をお好みで変更。アイコンのid 、pos(緯度経度)、popup(吹き出しに入力する内容)、label(省略可)を書き換える。

◎HTML部分の記述は以下のようになります。

(2) 以下をタグ<body>と</body>の間に記述する。サイズを好みに変更する。


最後の「Web Services by Yahoo! JAPAN」のクレジット表示は、あったほうが良いみたいです。



拍手してくださるとうれしいです→ 拍手する

このエントリーをはてなブックマークに追加
posted by Masako at 00:56 | Comment(0) | TrackBack(0) | サイトに地図を貼る | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
最近のトラックバック

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。