在powerbi插件中使用Leaflet Map出现问题

时间:2018-09-17 19:45:32

标签: javascript typescript leaflet powerbi

在powerbi插件中使用传单时出现问题:

在构造函数中,我可以显示地图,在其上标记一个位置,一切正常:

 export class Visual implements IVisual {
    private target: HTMLElement;
    private dataView: DataView;
    private map: L.Map;
    private basemap: L.TileLayer;
    private markerLayer: L.LayerGroup<L.CircleMarker>;

    constructor(options: VisualConstructorOptions) {
        console.log('constructor called');
        this.target.innerHTML='<div id="map" style="height:100vh;width:100vw;"></div>';
        this.basemap = L.tileLayer('http://localhost/mapfiles/{z}/{x}/{y}.png',{    maxZoom: 17,minZoom:10  });

        this.map = L.map('map', {
            center: new L.LatLng(35.658, 51.403),
            zoom: 12,
            maxZoom: 18,
            minZoom: 12
        });

        this.map.addLayer(this.basemap);
    }

但是!

公开更新中,当(例如)我要标记其他位置时,此地图未定义!

而且,Click事件返回有关“找不到函数”或未声明“ MouseEvent”的错误...

我认为确切的问题是在将图层添加到地图后,Leaflet丢失了地图参考,无法再次找到它进行编辑!

我该怎么办? TS和JS之间有冲突吗?

[对不起,我的语法:)英语不是我的主要语言]

0 个答案:

没有答案