Я хочу использовать leaflet, но моя карта отображается неправильно.
leaflet
У меня есть мозаичный фрагмент карты, который повторяется.
Можете ли вы помочь мне?
Мой TS:
@ViewChild('map') mapContainer: ElementRef; map: any; ionViewDidLoad() { this.loadMap(); } loadMap(){ this.map = leaflet.map("map").fitWorld(); leaflet.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', { attributions: '*', id: 'mapbox.streets', maxZoom: 18, zoomOffset: 1, accessToken: '*' }).addTo(this.map); }
Мой HTML:
<div id='map' style='width: 100%; height: 100%;'></div>
У меня есть импорт css:
<link href='https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css' rel='stylesheet'>