DIY 編集

ReneRubalcava

<\/HEAD>

<\/P>

最近、ArcGIS API for JavaScript 4.0beta1<\/A>についてよく話しています。私はAccessors<\/A>が大好きだと宣言し、Promises<\/A>は素晴らしいと思っています。マップとビューを分離するという全く新しい概念<\/A>もあります。良いものがたくさん詰まっています。ただし、これはbeta<\/EM>です。すべてが100%ではなく、まだ準備が整っていないものもあります。<\/P><\/P>でもあなたはせっかちです。エッジに住むのが好きです。ボトルからワインを飲みます<\/EM>。今すぐ動作するものが欲しいのです！4.0beta1 APIに含まれていないものの一つは編集機能です。FeatureLayerのドキュメントを見ると<\/A>、現時点では編集機能はありません。将来的には対応しますが、まだです。<\/EM>それでも大丈夫です。あなたは開発者です... あなたならできる<\/EM><\/STRONG>。<\/P><\/P>そもそも編集とは何でしょう？編集とはArcGIS REST APIのフィーチャ サービスの機能の一つに過ぎません<\/A>。以前にも言いましたが、RESTを話せるようになれば<\/_A>、他のすべては自然と理解できます。この場合、サービスにフィーチャを追加したいと仮定しましょう。そのための機能があります<\/_A>。リクエストとレスポンスのサンプルもあります。それ以上簡単にはなりません。<\/_P>

<\/_P>

このサンプルエディタは、Feature Serviceにフィーチャを追加するためにできるだけシンプルにしたものです。<\/_P>

var Editor = declare(null, {
  constructor: function (params) {
    this.map = params.map;
    this.layer = params.layer;
  },
  add: function (graphic) {
    var data = graphic.toJSON();
    var map = this.map;
    var layer = this.layer;
    \/\/<\/_SPAN>

http:\/\/resources.arcgis.com/en/help/arcgis-rest-api/index.html#/_Add_Features_\/_02r30000010m000000\/_
    var url = this.layer.url + "\/addFeatures";
    map.remove(layer);
    esriRequest({
      url: url,
      content: {
        features: JSON.stringify([data]),
      }
    }, {
      usePost: true
    }).then(function (response) {
      map.add(layer);
    }).otherwise(function () {
      map.add(layer);
    });
  }
});<\/_PRE>

<\/_P>

以上です。<\/_EM> MapとFeatureLayerを提供すれば準備完了です。<\/_P><\/_P>現時点では、編集内容を表示させるためにレイヤーをマップから一度削除してから再度追加する必要があることに注意してください。 Beta!<\/_EM><\/_STRONG><\/_P><\/_P>私は共有サービスでこれを使っていますが、必要ならば esri/request<\/_EM> が認証処理をしてくれるはずです。 まだ試していないので確約はできませんが。<\/_EM><\/_P><\/_P>削除や更新もサポートしたい？<\/_STRONG> delete<\/_A> フィーチャや update<\/_A> エンドポイントを見てください。または単にapplyEdits<\/_A> を使って自由に管理してください。覚えておいてください... 結局すべてRESTなのです！<\/_EM><\/_STRONG><\/_P><\/_P>A このモジュールのデモはこちらです<\/_A>。<\/_P>

<\/_P>

さあ、試してみてください。BetaはBetaですが、 時にはやらなきゃいけないこともあるのです。<\/_EM><\/_P><\/_P>さあ進んでハックしましょう、友よ！<\/_P><\/_P>もっと多くのgeodevのヒントやコツについては、

私のブログをご覧ください<\/_A>。<\/_P><\/_BODY><\/HTML>