Javascript 用离子交换树脂将碎砖传单

Javascript 用离子交换树脂将碎砖传单,javascript,angularjs,ionic-framework,leaflet,Javascript,Angularjs,Ionic Framework,Leaflet,Ionic在加载地图时显示这些损坏的分幅 我试过装凉亭和直接从传单,但并没有改变。我使用的是一个特殊的传单指令,但如果使用纯传单代码,我仍然会得到这些破损的瓷砖 包括index.html中的库 <!-- Extra libraries --> <script src="js/lib/leaflet/leaflet.css"></script> <script src="js/lib/leaflet/leaflet.js"

Ionic在加载地图时显示这些损坏的分幅

我试过装凉亭和直接从传单,但并没有改变。我使用的是一个特殊的传单指令,但如果使用纯传单代码,我仍然会得到这些破损的瓷砖

包括index.html中的库

<!-- Extra libraries -->
        <script src="js/lib/leaflet/leaflet.css"></script>
        <script src="js/lib/leaflet/leaflet.js"></script>
        <script src="js/lib/leaflet/angular-leaflet-directive.min.js"></script>

你确定这是正确的吗

    center: {
        lat: 51.505,
        lng: -0.09,
        zoom: 4
    }
我这里有一个完整的工作示例:


第一行。CSS文件被意外链接为脚本而不是样式表。如果没有传单.css,绘制地图时会出现问题

新守则应为:

<!-- Extra libraries -->
<link href="js/lib/leaflet/leaflet.css" rel="stylesheet">
<script src="js/lib/leaflet/leaflet.js"></script>
<script src="js/lib/leaflet/angular-leaflet-directive.min.js"></script>

    center: {
        lat: 51.505,
        lng: -0.09,
        zoom: 4
    }
<!-- Extra libraries -->
<script src="js/lib/leaflet/leaflet.css"></script>
<script src="js/lib/leaflet/leaflet.js"></script>
<script src="js/lib/leaflet/angular-leaflet-directive.min.js"></script>
<!-- Extra libraries -->
<link href="js/lib/leaflet/leaflet.css" rel="stylesheet">
<script src="js/lib/leaflet/leaflet.js"></script>
<script src="js/lib/leaflet/angular-leaflet-directive.min.js"></script>