白地図を表示する

【使い方】

「Styleの設定」エリアで、各パラメーターの内容を書き換えて「設定」ボタンを押すと、指定したパラメーター設定を反映した地図が表示されます。
各パラメーターの詳細については、こちらを参照してください。

▼ Styleの設定



ソースコード

var map;        //YOLP地図オブジェクト(Mapオブジェクト)
var blankmap;   //白地図レイヤー
/**
 * window.onloadイベントにて地図の読込処理を行います。
 */
window.onload = function() {
    map = new Y.Map("map",{"configure":{"scrollWheelZoom":true}});
    map.addControl(new Y.LayerSetControl());
    map.addControl(new Y.SliderZoomControlHorizontal());
    
    //白地図レイヤーを作成します。
    blankmap = new Y.BlankMapLayer();
    setStyle();
    //レイヤーセットを作成します。
    var layerset = new Y.LayerSet("白地図", [blankmap],{"maxZoom":20, "minZoom":11});
    //Mapオブジェクトにレイヤーセットを追加します。
    map.addLayerSet("blankmap", layerset);
    //地図を描画します。
    map.drawMap(new Y.LatLng(35.6821141786951,139.75630702905684), 11, Y.LayerSetId.NORMAL);
    //表示を白地図にします。
    map.setLayerSet( "blankmap" );
}
/**
 * スタイルを設定します。
 */
function setStyle() {
    var styleobj = document.getElementById("style_onoff");
    var param = styleobj.value;
    if(param.indexOf(";") != -1) param="";
    if(param.indexOf("(") != -1) param="";
    if(param.indexOf(")") != -1) param="";
    var style = "";
    if(param != "") eval("style="+param+";");
    //スタイルを設定します。
    blankmap.setStyle(style, true);
}
Webサービス by Yahoo! JAPAN