コントロールの表示位置を変更

コントロールの表示位置を変更するにはGControlPositionを使用します。
GControlPositionの第一引数には下記4つのいずれかを指定します。

左上G_ANCHOR_TOP_LEFT
左下G_ANCHOR_BOTTOM_LEFT
右上G_ANCHOR_TOP_RIGHT
右下G_ANCHOR_BOTTOM_RIGHT

  <script type="text/javascript">
  //<![CDATA[
   function load() {
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(34.73706320900569,135.56582808494568),16);
    ctrl = new GOverviewMapControl(new GSize(200,100));
    var pos = new GControlPosition(G_ANCHOR_TOP_LEFT,new GSize(10,50));
    map.addControl(ctrl,pos);
    }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
  <div id="map" style="width: 560px; height: 350px"></div>
  </body>
  
とします。
マップオーバービューコントロールは表示位置は変更できないようです。
GControlPositionオブジェクトを作成し、それをmapのaddControl()の引数に渡してやります。
GControlPositionオブジェクトにはGSizeオブジェクトを引数として渡します。
これで、コントロールの表示位置を変更するコントロールが表示されます。



GSizeについては こちら をご覧下さい。



初版2007/07/21 :最終更新2007/07/21
HOME