與打字稿

Question

在JavaScript（含傳單），書面文檔中我可以實現使用L.Class.include()一些自定義functionnalities等效L.Class.include（）的：

包括與L-現有類更多的功能.Class.include（） 添加新的方法和選項 更改某些方法 使用addInitHook運行額外的構造函數代碼。

這工作：

L.Rectangle.include({ 
    contains: function (markers: L.Marker[]) { 
     const markersContained: boolean[] = []; 
     markers.forEach(marker => { 
     console.log(marker); 
     markersContained.push(this.getBounds().contains(marker.getLatLng())); 
     }) 
     return markersContained; 
    } 
    }); 

現在我想要實現相同與打字稿的Angular4應用程序，但include()功能似乎並沒有在@types/leaflet

被類型化

問題是我的代碼是在.ts文件中爲Leaflet.Draw插件量身定做的，所以我不得不用這種方法初始化文件：

declare const L: any; 
import 'leaflet-draw/dist/leaflet.draw-src'; 

，而不是常規

import * as L from 'leaflet'; 

由於該Leaflet.Draw插件有沒有@types，因此我無法導入正規傳單類型的事實（否則，new L.Control.Draw()將使編譯錯誤）。

這打破在編譯的時候：

map.on(L.Draw.Event.CREATED, (geometry: L.LayerEvent) => { 
    const layer = geometry.layer; 
    drawnItems.addLayer(layer); 

    // Set an array containing all the markers 
    const markers = LeafletService.prototype.jsonToArray(layerGroup.getLayers()); 

    // ===> Property 'contains' does not exist on type 'Layer'. 
    const result = geometry.layer.contains(markers); 
    console.log('result => ', result); 
    }); 

，顯然，這個作品，如果我把我的幾何類型爲any，但我想如果可能的話用L.LayerEvent類型，並想知道我如何使用TypeScript語法正確使用Leaflet include()方法？

Answer 1

TL; DR：我必須使用any除非他們鍵入Leaflet.Draw ...

好了，所以它是在年底相當明顯...

因爲Leaflet.Draw它沒有類型，我必須declare const L: any，以便在將Leaflet.Draw插件與Leaflet集成時避免編譯錯誤。

所以，很顯然，當我打電話L.Rectangle，因爲L是any型的，我不可能使用來自Leaflet類型化include()方法（我在運行時使用的實際方法，但我不能讓打字稿知道它用於編譯時間）。

從Leaflet.Draw事件返回的幾何體不知道我添加的新的方法是合乎邏輯的，因爲它沒有鏈接到實際的L.Rectangle傳單類型。