web-dev-qa-db-ja.com

TypeError:L.Control.Drawはコンストラクタではありません

Ionic2アプリのリーフレットマップにポリゴンを描画したかったので、リーフレット描画プラグインを見つけましたが、このエラーTypeError:L.Control.Drawはコンストラクタではありません

私のコードはこれに見えます

this.map = L
  .map("map")
  .setView(this.latLng, 13)
  .on("click", this.onMapClicked.bind(this))

L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png")
  .addTo(this.map);

this.marker = L
  .marker(this.latLng, { draggable: true })
  .on("dragend", this.onMarkerPositionChanged.bind(this))
  .addTo(this.map);

var drawnItems = new L.FeatureGroup();
this.map.addLayer(drawnItems);
console.log(drawnItems);
var drawControl = new L.Control.Draw({

  edit: {
    featureGroup: drawnItems
  }
});
this.map.addControl(drawControl);
12
Nishant

ヘッドに追加する必要があります CDN's

_<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.js"></script>_

マップに追加_{ drawControl: true }_

var map = L.map('mapid', { drawControl: true }).setView([25, 25], 2);
11
Megapiharb

このアドレスから最新バージョンのleaflet.drawを入手できます

https://cdnjs.com/libraries/leaflet.draw

バージョン1.0.4

https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.css
https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw.js
2
Bashirpour