Yahoo Api を使ってみる（地図）

今日、Ｗｅｂサイトを調べていたら、あやしい地図を発見した。
Google Map を、何も考えないでＷｅｂページに貼り付けると、ルーラーとかのアクセサリが普通に使える。しかし、そのサイトに貼ってあった地図は、アクセサリが付いてなかった。マウスでドラッグすると動くので、画像ではない。どうなっているんだろう、と思い、Yahoo api で作る地図も調べてみよう、と思った。

Yahoo API を使うには
Goggle API とそっくりです。詳しくは、Yahoo　で、Yahoo Api を検索すると一番上に出たページを見てください。
YAHOO デベロッパーズ・ネットワーク

サンプルをやってみよう
解り易い例が載ってます。このとおりに作ると、やっぱりアクセサリが出ません。
アクセサリの出し方は、その例の下に使い方が載ってました。

Google Map 風に書き換えるとこんな感じ。

function map_view() {
    var mapopt = {
      configure : {
        doubleClickZoom : false,
        scrollWheelZoom : true,
        singleClickPan : false,
        dragging : true
      }
    };
    var ymap = new Y.Map("map", mapopt);
    var latlng = new Y.LatLng(38.2865544,140.318898);
    ymap.drawMap( latlng, 17, Y.LayerSetId.Normal);

    var control1 = new Y.ScaleControl();
    var control2 = new Y.SliderZoomControlHorizontal();
    ymap.addControl(control1); 
    ymap.addControl(control2); 

    var label1 = new Y.Label( latlng, "株式会社テクノ・サービス　山形営業所" );
    ymap.addFeature( label1 );
}

これは、ここを参照。
YAHOO地図の例