Yahoo! map JS版 Ver.2 で描く-2

[戻る] ここにある ver.2 は廃止されました Yahoo! map JS版V2 で地図を描く-2
◆地図表示を制御　　　Yahoo! mapは、地図の表示を次のように制御出来ます。　　●マウスを使った操作　　　　・センタリング - 地図をダブルクリックすると、その点を中心にした地図を表示できます。　　　　・地図の移動 - 地図をドラッグするとマウスの動きで地図を移動できます。　　　　・縮尺の変更 - マウスホイールを使って縮尺が変更できます。　　　　　　setEnableWheelOperation(false) で、マウスホイール操作を停止できます。　　　　　●地図上のボタンを操作　参考　　　　地図上に表示させたボタンを使っても表示を変え、またそのボタンは下記のように制御することも出来ます。
			(1)スライダーバーで縮尺を切り替え。　setVisibleSliderbar(false)で「＋－」ボタンに変更。 (2)地図モード/航空写真モードの切り替え。　changeMode(YMapMode.AERO)で航空写真に変更。 (3)中心点の表示。　setVisibleCentermark(false)で中心点表示ボタンを非表示。 (4)中心点表示ボタンの表示/非表示を切り替え。　setVisibleCentermarkButton(true)で中心点表示ボタンを表示。 (5)ホームボタンホーム位置（初期表示の位置）に戻れます。 (6)スケールバー現在の縮尺での距離の目安を示しています。 (7)マウスホイールで地図を操作できます。　setEnableWheelOperation(false)で操作できないように変更。
	実際例	リスト例　　 <html> <head> <script type="text/javascript" src="http://map.yahooapis.jp/MapsService/js/V2/?appid=【APPID】"></script> <script type="text/javascript"> window.onload = function() { ymap = new YahooMapsCtrl("map","35.678327,139.770444",4); ymap.setVisibleCentermarkButton(true); ymap.setVisibleSliderbar(false); ymap.setVisibleCentermark(false); } </script> </head> <body> <div id="map" style="width:300px; height:250px"></div> <a href="http://developer.yahoo.co.jp/about"> <img src="http://i.yimg.jp/images/yjdn/yjdn_attbtn2_105_17.gif" width="105" height="17" title="Webサービス by Yahoo! JAPAN" border="0" style="margin:4px 25px 15px 15px;float:left;"></a> </body> </html>
Y-map top/ 作る-1/ 作る-2/ 作る-3/ 作る-4/

◆地図表示を制御