Question

在开发Ionic3应用程序并使用Leafletjs的强类型版本时，我遇到了一个奇怪的错误。

通过以下方式在页面map.ts中声明该地图：

this.map = leaflet.map("map").fitWorld();
this.map.setView(leaflet.latLng(lat, lng), 20);

//set the tileLayer
leaflet.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
  subdomains: ['a', 'b', 'c']
}).addTo(this.map);

一切正常。

现在，如果我在应用程序的ANY页面中有任何HTML输入（甚至与map.ts没有直接关系），地图图块将停止显示灰色区域而不是图块。

在任何页面上的任何输入中，无论有没有绑定变量或函数，都会发生这种情况。

输入尝试：

First name: <input type="text" name="fname">

<ion-input type="text" placeholder="Insert ID" ></ion-input>
<div contentEditable="true" (click)="$event.stopPropagation()">testtest</div>

从地图导航到任何页面，然后在输入中插入一个简单的char就足以破坏地图。

有人有类似的问题吗？

Leaftlet映射在HTML输入上中断

0 个答案: