2014年1月21日火曜日

34 - 編集ツールバー(Editing Toolbar) 3 - 移動ボタンを追加

34-3 Editing Toolbar に移動ボタンを追加する
「ol015-nippon_bmi_akiruno_pgis.html」 ファイルを続けて使います。
移動ボタンは次のようなものを作成して、"OpenLayers-2.13.1/theme/default/img/ に保存しました。


drag_feature_on.png

drag_feature_off.png


<style> に移動ボタンのスタイルを追加

--
// ここから追加
 .olControlDragFeatureItemActive { 
  background-image: url(OpenLayers-2.13.1/theme/default/img/   drag_feature_on.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
 }
 .olControlDragFeatureItemInactive { 
  background-image: url(OpenLayers-2.13.1/theme/default/img/drag_feature_off.png);
  background-repeat: no-repeat;
  background-position: 0px 1px;
 }
// ここまで
---

移動ボタンのコードを追加

---
   new OpenLayers.Control.DrawFeature(
    vectors,
    OpenLayers.Handler.Polygon,
    {
     title: "Draw Polygon",
     displayClass: 'olControlDrawFeaturePolygon',
     multi: true
   }),
// ここから追加
   new OpenLayers.Control.DragFeature(
    vectors,
    {
     title: "Drag Feature",
     displayClass: 'olControlDragFeature'
   }),
// ここまで
   new OpenLayers.Control.SelectFeature(
---


0 件のコメント: