我有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设备。
你有什么想法绕过这个问题吗?