如何动态更改L.popup()大小

时间:2020-03-16 15:20:46

标签: javascript leaflet popup width

我正在尝试自动增加/减少传单中L.popup的宽度:

现在,我将其定义为弹出窗口内容的一部分,以测试该自动调整宽度的大小:

<input type="file" font-family: monospace; id="inputFileToLoad"  
       align="center" accept=".jpg,.jpeg,.png" 
       onchange="this.size = Math.max(this.value.length, 0);mypopup.bindPopup({maxWidth : this.size+200});mypopup.update();read(this);"

这会自动成功地成功调整HTML中输入文件的文本大小,然后调用mypopup.bindPopup({maxWidth:this.size + 200});和mypopup.update();我认为应该可以成功调整弹出窗口的宽度。

另一方面,我已经将mypopup定义为全局变量,并且它是通过以下方式分配的:

mypopup=L.popup()

.setContent(imagePlaceholder)
.setLatLng(e.latlng)
.openOn(map);

除了已说明的所有内容外,上述说明还可以用于更改弹出窗口的尺寸,但是以一种不希望有的方式,至少在Edge上输入文件文本一定长度的弹出窗口开始显示具有非常高的高度。

我该怎么办才能实现所需的行为?

0 个答案:

没有答案