jQuery(2)

jQuery

SVGファイルを、Google Map 風にスクロール


test.html と demo_svg_maps.html を用意します。
test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SVG形式の地図データを Google Maps 風にスクロール</title>
</head>
<body>

<iframe width="425" height="350" frameborder="0" scrolling="no"
        marginheight="0" marginwidth="0"
        src="./demo_svg_maps.html">
</iframe>

</body>
</html>

jquery-1.2.6.js (Delelopment をダウンロード) を同じフォルダに入れて、
demo_svg_maps.html を一部変更して

変更前
<script type="text/javascript" src="/usr/lib/jquery/1.2.1/jquery-1.2.1.min.js"></script>

変更後
<script type="text/javascript" src="jquery-1.2.6.js"></script>

test.html を開くと表示できます。


SVG形式の地図データを Google Maps 風にスクロール | Diaspar Journal