3

Leafletディレクティブによって作成された現在のマップにLeaflet Editable 機能を追加しようとしています。私は L.map インスタンスを取得しています:

leafletData.getMap().then(function(map) {
  // where map is the Leaflet map instance
}

ただし、リーフレットの編集可能ファイルはeditable: true、マップの作成時に設定する必要があります。

それで、L.mapインスタンスを作成する方法はありますか

var map = L.map('map', {editable: true});

それをリーフレットの角度ディレクティブに添付しますか?

アップデート:

リーフレットにフックを追加してみました

L.Map.addInitHook(function () {
  this.whenReady(function () {
    this.editTools = new L.Editable(this, this.options.editOptions);
    console.log('L.map', this);
  });
}

editTools は正常に作成されますが、

map.editTools.startPolyline(); 

まだ機能していません

4

2 に答える 2

0

私のように見える人のために、既存の地図を編集可能にします

var map = L.map('map', {editable: true});

と同じです

var map = L.map('map');
map.editTools = new L.Editable(map);
于 2016-04-06T07:38:26.503 に答える
0

デフォルトに追加しようとしましたeditable: trueか?

angular.extend($scope, {
    defaults: {
        editable: true
    },
    center: {
        lat: 51.505,
        lng: -0.09,
        zoom: 8
    }
});

<leaflet defaults="defaults" lf-center="center" height="480px" width="640px"></leaflet>
于 2015-10-05T14:55:22.760 に答える