2017-07-02 47 views
0

我創建了一個非常簡單的codepen,但是在嘗試創建繪圖控件時出現錯誤。Leaflet Draw 0.4.9控制不能使用Leaflet 1.1.0?

參見:https://codepen.io/DrYSG/pen/QgmVZg

我以爲它是簡單的東西,我做錯了。但我看了看我現在用的是CDN,我什麼也看不到明顯的:

https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.9/leaflet.draw-src.js

這些都是我在控制檯中看到的錯誤:

Util.js:15 Uncaught TypeError: Cannot add property segmentsIntersect, object is not extensible 
    at Object.extend (Util.js:15) 
    at LineUtil.Intersect.js:6 
    at EditToolbar.Delete.js:145 extend @ Util.js:15 (anonymous) @ LineUtil.Intersect.js:6 (anonymous) @ EditToolbar.Delete.js:145 pen.js:11 Uncaught TypeError: L.Control.Draw is not a constructor 
    at pen.js:11 

var map = L.map("root").setView([42, -71], 7); 

L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { 
    attribution: 
    '&copy <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors' 
}).addTo(map); 

var drawnItems = new L.FeatureGroup(); 
map.addLayer(drawnItems); 

var drawControl = new L.Control.Draw({ 
    edit: { 
    featureGroup: drawnItems 
    } 
}); 
map.addControl(drawControl); 

回答

2

事實上,Leaflet.draw不適用於Leaflet 1.1.0。據報道。只要this issue未關閉,請考慮問題仍然存在。

+0

謝謝,我想設置此codepen以顯示測量(距離測量)的問題,但正如您可以看到這也是一個問題:https://github.com/Leaflet/Leaflet.draw/issues/735 #issuecomment-313232837 –

0

顯然我不能評論,直到我有更多的聲譽。

Leaflet.Draw 0.4.10已發佈,限制單張的天花板版本爲1.0.x而不是1.1.x。宣傳單1.1.x介紹了Leaflet.Draw沒有準備好的ES6和Rollup,並且正在積極尋求解決。