@arseniylebedev

Почему криво отображается карта leaflet?

Почему так криво отображается leaflet карта?
5d1b977b9b266590325348.png

Код Vue коспонента

<template>
    <div id="map">
        <div id="leaflet-map" class="leaflet-map"></div>
    </div>
</template>

<script>
    export default {
        name: "MapComponent",

        created() {
            window._map = this;
        },

        mounted() {
            let map = L.map('leaflet-map');

            var osmUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
            var osmAttrib='';

            var osm = new L.TileLayer(osmUrl, {minZoom: 8, maxZoom: 12, attribution: osmAttrib})

            map.setView(new L.LatLng(51.3, 0.7),9);
            map.addLayer(osm);
        },

    }
</script>

<style scoped>
    
</style>
  • Вопрос задан
  • 316 просмотров
Решения вопроса 1
freeExec
@freeExec
Участник OpenStreetMap
Вы не положили css от лифлета. И атрибуцию ОСМ задайте как положено.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы