WebAPI Document - GUIソリューション - チュートリアル

路線図の表示、および、選択した駅名の取得等が出来ます。

インクルード

<script type="text/javascript" src="expGuiMap.js?key=keycode"></script>

利用例

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
    <script type="text/javascript" src="expGuiMap.js?key=keycode">
    </script>
    <title>
    Webサービスサンプル
    </title>
  </head>
  <body>
    <div id="map" style="width:100%; height:100%;">
    </div>
    <script type="text/javascript">
      <!--
var mapApp = new expGuiMap(document.getElementById("map"),{configure : {
                                                          cursor    : true,
                                                          zoom      : true,
                                                          continuousZoom : true,
                                                          doubleClickZoom : true,
                                                          navi      : true
                                                        }
                                                      });
mapApp.dispMap("tokyo");
// -->
    </script>
  </body>
</html>

画面サンプル
img/map_1.png

チュートリアルへ戻る
Val Laboratory