yahoo!地図をサイトで使うグーグルマップの使い方

グーグルマップ以外にも様々な地図サービスがあります。
それぞれ特徴がありますので、使用目的で使い分けてみると良いと思います。

yahoo!地図をサイトで使う事ができます。


yahoo!地図をサイトで使うメリットは
グーグルマップでは、北は北のまま固定なのですが、yahoo!地図にはコンパスが付いているので、地図を回転する事ができます。

このメリットは、テーマパークなどの地図で入り口を下に見たい場合などに便利です。

例（東京ディズニーランドの地図）



ディズニーランドの場合北北東あたりに入り口があるので、このままでは入り口からの地図が見難いですが、右下のコンパスを回転する事によって、入り口を下に見ることが出来ます。


http://developer.yahoo.co.jp/map/

yahoo!デベロッパーに詳細が書いてあります。
APIですので、色々な載せ方がありますが、一番 簡単に出来るやり方を書きます。


<div id="mapdiv" style="width:500px;height:500px;border:solid 1px"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=8,0,0,0" width="100%" height="100%" id="YFMap" align="middle"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://api.map.yahoo.co.jp/MapsService/Flash/V1/?appid=YahooDemo" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="flashvars" value="pos=緯度経度&layer=数字変更&mode=aeroかmap&visibleCenterMark=false" /> <embed src="http://api.map.yahoo.co.jp/MapsService/Flash/V1/?appid=YahooDemo" quality="high" bgcolor="#ffffff" width="100%" height="100%" name="YFMap" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="pos=緯度経度&layer=数字変更&mode=aeroかmap&visibleCenterMark=false" /> </object> </div>


変更部分

param name="flashvars" value="pos=緯度経度&layer=数字変更&mode=aeroかmap
これが2箇所あるので変更してください。
また地図のサイズは1箇所。
width:500px;height:500pxの数値を変えると変更できます。


地図サービスも様々ありますので、用途に応じて使い分けると活用方法が様々ありそうです。