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

アクセスカウンタ

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

zoom RSS Yahoo!地図情報のAPI(2) -YahooAPI-

<<   作成日時 : 2007/04/12 12:41   >>

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

無料公開されている"Yahoo!地図情報"。
現在、地図のAPIを実験している。。

"Yahoo!地図情報"もほぼ"Google Map"と同じような機能が実装されている。

サンプルコードは地図の拡大・縮小機能に東京がデフォルト表示される。


 地図サンプル


これに拡大・縮小スライダーにデフォルトを関西圏にしてみる。
下記ソースの座標を書き換え、2文追記する。


</script>
<script type="text/javascript">
window.onload=function(){
_map = new YahooMapsCtrl("map", "35.40.39.980,139.46.13.730", 2);
}
</script>






</script>
<script type="text/javascript">
window.onload=function(){
_map = new YahooMapsCtrl("map", "34.41.26.484,135.30.17.939", 6);
_map.setVisibleSliderbar(true);
_map.setEnableWheelOperation(false)
}
</script>



座標を取得する機能はまだつけていないので、一度"Yahoo!地図"サイトから値を取得する。

「setVisibleSliderbar」をtrueにするとスライダーが表示される。
「setEnableWheelOperation」はマウスホイールでの操作で拡大・縮小できるものだが、コンテンツの上下移動時にマウスカーソルが地図上にあると動作してしまうのでOFFにしている。


基本的にはJavaScriptなのでカスタマイズも楽だ。

"Yahoo!地図"も"Google Map"もサービスが終了すると使えなくなるが、共通する機能だけを利用していれば片方が終了しても乗り換えできるので一先ず安心だ。

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

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

トラックバック(0件)

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

トラックバック用URL help


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

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Yahoo!地図情報のAPI(2) -YahooAPI- LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる