window.addEventListener('load', function () {
    // ページ読み込み後に処理開始

    // 最初のOBJECTタグのソースがSVGだと想定し、
    // ビューポートとスタイル設定のためのインスタンスを作る
    var obj = document.getElementsByTagName('object')[0],
        svg = obj.contentDocument.documentElement,
        b = new SvgBbox(svg),
        s = new SvgStyle(svg, b);

    // ビューポートのオプション設定
    // b.width = 500;      // 表示横幅. 無指定ならブラウザ横幅
    // b.fringe = 10;      // 周縁ピクセル数. 無指定ならゼロ
    // b.vaspOption = 1.3; // 横に対する縦の補正比率. 無指定なら補正なし

    // カッコ内をIDとする要素を基準に、ビューポート設定
    b.calc('border');

    // 以下、スタイル設定

    // カッコ内をIDとする要素を一番上に持ってくる
    s.setTop('municipality');
    s.setTop('hospitals'); // 後に実行される要素ほど、上に来る
    ..........
    ..........
    
    // カッコ内をIDとする要素に線幅を設定. 単位はピクセル
    s.setStrokeWidth('hospitals', 1);
    ..........
    ..........

    // カッコ内をIDとする点データに半径を設定. 単位はピクセル
    s.setRadius('hospitals', 4);
    s.setRadius('pubs', 40000, true); // 第三引数が真：ピクセルでなく座標値
    
    // 普通のCSSで、塗り、線色、透明度などを自由に設定
    s.css('#border { fill: none; stroke: lightblue }');
    ..........
    ..........
});