当小叶贴图包含在<ion-slides>项目中时,它不会渲染贴图

时间:2017-09-18 15:01:22

标签: javascript ionic-framework leaflet

我有Leaflet.js和ion-slides元素的问题。

如果我在离子幻灯片中包含地图

<ion-slides>
  <ion-slide>
    <div id="map-slider"></div>
  </ion-slide>
</ion-slides>

并在控制器中

this.map = leaflet.map('map-slider', {
  zoomControl: false,
  zoomSnap: 0,
  attributionControl: false
}).setView([coordinates[0][0], coordinates[0][1]], 16);

leaflet.tileLayer('...', {
  accessToken: '...',
  id: 'mapbox.satellite'
}).addTo(this.map);

var polyline = leaflet.polyline(coordinates, { weight: 5, color: '#00ffa8' }).addTo(this.map);

this.map.fitBounds(polyline.getBounds());

并且仅渲染折线。但是,如果我将地图放出元素(离子幻灯片),那么一切正常。此行为仅适用于Android设备。

你有什么想法绕过这个问题吗?

0 个答案:

没有答案