指定したURLのGPXファイルのトラックログと高度グラフを表示するJQueryプラグイン

ダウンロード

使い方

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=geometry&language=ja&sensor=false"></script>

        <script src='jquery.showgpxtracks.js' ></script>

        <script>
            $(document).ready(function(){
                $('.track').showGpxTracks();
            });
        </script>
    </head>

    <body>
        <div class='track' src='hiking.gpx' style='width:600px;height;400px;'></div>
    </body>
</html>

GPXファイルを格納するサーバーが違うドメインの場合はAccess-Control-Allow-Originの設定をしておく必要があります。

この記事を見た人がよく読んでいる記事

カナシスコム > 節約テクノロジ > 指定したURLのGPXファイルのトラックログと高度グラフを表示するJQueryプラグイン