宣传单地图在div之外

Question

我正在使用Leaflet，并将它的地图分配给div。

然而，正如你在这里看到的那样，它在整个屏幕之外的div之外，而它应该只在高亮的蓝色框中：

这可能是什么？

 <script src="{{ asset('javascripts/leaflet.js') }}"></script>
<script>
    var mymap = L.map('map').setView([49.6015, 6.0688], 16);
    L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
        attribution: '',
        maxZoom: 18,
        id: 'xxxx',
        accessToken: 'xxxx'
    }).addTo(mymap);
    var marker = L.marker([49.6015, 6.0688]).addTo(mymap);
</script>