Yahoo!地図情報のAPI(2) -YahooAPI- LUNARAVE WEBクリエーターの仕事と休息/ウェブリブログ

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

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

無料公開されている"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"もサービスが終了すると使えなくなるが、共通する機能だけを利用していれば片方が終了しても乗り換えできるので一先ず安心だ。