Question

我在尝试以正确的顺序放置脚本和CSS时遇到了麻烦。如果我在leaflet.js脚本之前放置自己的脚本，我会从控制台收到此错误消息：L未定义。但是，如果我把它放在leaflet.js脚本之后，我会在控制台中收到此消息：找不到Map容器。怎么了？

<!--Own-->
<script type="text/javascript" src="js/main.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<!--Leaflet-->
<link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
<script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js" ></script>
<!--jQuery-->
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>  
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<!--Bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Answer 1

＆＃34;未找到地图容器＆＃34;可能意味着脚本执行时没有创建脚本中引用的HTML。

最佳做法是将脚本标记放在正文的末尾，并将初始化调用包装在：

中

$(document).ready(function() { 
    // your code here
} );

无法按顺序放置脚本

1 个答案: