小编mar*_*n10的帖子

为什么我的地图没有完全显示?

我正在使用 Leaflet 来显示地图。我刚刚更改了 HTML 以使用 jQuery Mobile 和 Leaflet。

我阅读了 jQuery Mobile 的文档,其中说我必须添加 jQuery 1.11。

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

但我当时用的是:

<script type='text/javascript' src='js/jquery-3.1.1.min.js'></script>
Run Code Online (Sandbox Code Playgroud)

为什么会有这样的差别??

我的问题如下:

在我迁移到 jQuery Mobile 之前,我的地图完全显示在其容器中:

<div id="mapId"></div>
Run Code Online (Sandbox Code Playgroud)

当我更改 HTML 代码以使用 jQuery Mobile 时,布局是一场灾难,直到我将其注释掉:

<!--  <script type='text/javascript' src='js/jquery-3.1.1.min.js'></script>-->
Run Code Online (Sandbox Code Playgroud)

并添加了这个:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

但现在我的地图没有完全显示。事实上,在调整浏览器大小之前我只能看到其中的一小部分:

在此输入图像描述

调整浏览器大小后,地图完全显示。

为什么以及如何解决这个问题?为什么我无法使用最新版本的 jQuery?

jquery openstreetmap jquery-mobile leaflet

4
推荐指数
1
解决办法
1633
查看次数

标签 统计

jquery ×1

jquery-mobile ×1

leaflet ×1

openstreetmap ×1