не могу отобразить карту с листовкой - PullRequest
0 голосов
/ 19 декабря 2018

Я хочу использовать 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'>
...