Question

我使用leaflet.js创建了一个地图，并使用了插件leaflet.NavBar

https://github.com/davidchouse/Leaflet.NavBar

但是，我能够正确实现它，但主页图标未正确加载。我不知道原因，也许是因为图标大小。当我检查时，它说大小是26 * 27。那么我应该下载的图标大小可以适当放入那里？

Answer 1

请正确检查你的css。将所有图标复制到项目目录中，然后将其用于css

希望贝娄相同的片段会帮助你

＆＃13;

var osm = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: 'Map data &copy; 2013 OpenStreetMap contributors',
    });
    var map = L.map('map').addLayer(osm).setView([39,-77], 10);

    L.control.navbar().addTo(map);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.2/leaflet.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.2/leaflet.css" rel="stylesheet"/>
<link rel="stylesheet" href="https://davidchouse.github.io/Leaflet.NavBar/Leaflet.NavBar.css" /> 
<script src="https://davidchouse.github.io/Leaflet.NavBar/Leaflet.NavBar.js"></script>

  <div id="map" style="height:800px;"></div>

＆＃13;

地图上的主页图标没有加载？

1 个答案: