地図を操作する

ソースコード

//YOLP操作のためのJavaScriptインターフェースオブジェクト
var YOLPSL;
//YOLP地図オブジェクト(Mapオブジェクト)
var ymap;           


///(カセットを含む)YOLPSLロード完了イベント
/// map:YOLP地図オブジェクト
/// cassettes:カセットオブジェクトのディクショナリ(キーはカセット名)
function onLoadComplete(map, cassettes) {
    ymap = map;
    var slPlugin = document.getElementById("slPlugin");
    if (!slPlugin || !slPlugin.Content) {
        return;
    }
    
    YOLPSL = slPlugin.Content.jsInterface;
    
    //ズーム変更ボタンの設定
    document.getElementById("zoomIn").onclick = function() {
            ymap.ZoomIn();
        }
    document.getElementById("zoomOut").onclick = function() {
            ymap.ZoomOut();
        }
    document.getElementById("setZoom").onclick = function() {
            var zlv = Number(document.getElementById("zoomlevel").value);
            if (isNaN(zlv) || zlv < 1 || zlv > 20) {
                alert("1~20の数値を半角で入力してください。");
                return;
            }
            ymap.SetZoom(zlv);
        };
    //レイヤーセット変更ボタンの設定
    document.getElementById("setLayerSet_map").onclick = function() {
            ymap.SetLayerSet("map");
        };
    document.getElementById("setLayerSet_photo").onclick = function() {
            ymap.SetLayerSet("photo");
        };
    //移動ボタンの設定
    //中心点を原点として左上が正、右下が負
    document.getElementById("panDirection_left").onclick = function() {
            ymap.PanDirection(50,0,true);
        };
    document.getElementById("panDirection_right").onclick = function() {
            ymap.PanDirection(-50,0,true);
        };
    document.getElementById("panDirection_up").onclick = function() {
            ymap.PanDirection(0,50,true);
        };
    document.getElementById("panDirection_down").onclick = function() {
            ymap.PanDirection(0,-50,true);
        };
}
Webサービス by Yahoo! JAPAN