TypeError: L.Control.Draw不是构造函数

Question

我想在我的ionic2应用程序的叶子地图中绘制一个多边形，为此我找到了leaflet-draw插件，但是我得到了这个错误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);

Answer 1

您需要添加到head html 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);

​

Answer 2

您可以从以下地址获取最新版本的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

Answer 3

嗨，要添加宣传单，绘制成离子或角度应用程序需要遵循几个步骤。希望你已经安装了宣传单。

angular.json文件中的

1. npm install leaflet-draw
2. include leaflet.draw.css文件。

​

1. 导入leaflet-在angular组件中绘制。

​