LUNARAVE WEBクリエイターの仕事と休息

アクセスカウンタ

Google Maps APIの利用戦国IXAWeb技術Youtubeチャンネル

zoom RSS Yahoo!地図情報のAPI(7) -複数のアイコンを表示する-

<<   作成日時 : 2007/09/05 12:42   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

前回までに以下の内容で"Yahoo!地図情報のAPI"を実装している。

・拡大・縮小スライダーの表示
・ボタンを押すと中心座標が表示される機能
・初期表示時に関西圏が表示される
・りんくうJCTにアイコンが立つ

 地図サンプル


今度は一つしか表示していなかったアイコンを複数表示させることにする。

ソースは前回までカスタマイズしたものを引き続き利用する。


地図を表示部分は以下の通りである。

アイコンの指定は以下の部分だ。


centerIcon = [
 {id:"cenIcon01", pos:"34.4126484, 135.3017939", type:"L1"}
]


これを以下のように修正・追記する。


centerIcon = [
 {id:"cenIcon01", pos:"34.4126484, 135.3017939", type:"L1"},
 {id:"cenIcon02", pos:"34.4241123261143, 135.24009206420362", type:"L2"}
]




変更箇所はカッコ内のid、追加部分は一つ目のアイコンの後ろにカンマを入れて二つ目のアイコン指定だ。


この設定でブラウザで見ると以下のようになる。

 アイコン


大量にアイコンを設置すると表示するのに時間がかかることがあるが、各所を目立たせるには有効な機能だ。

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Yahoo!地図情報のAPI(7) -複数のアイコンを表示する- LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる