[iOS only] markers disapear after first render, then reapear after moving or zooming
I'm submitting a ... (check one with "x")
- [ ] question
- [x] any problem or bug report
OS: (check one with "x")
- [ ] Android
- [x] iOS
- [ ] Browser
cordova information: (run $> cordova plugin list)
clevertap-cordova 2.1.8 "CleverTap"
cordova-plugin-actionsheet 2.3.3 "ActionSheet"
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-dialogs 2.0.2 "Notification"
cordova-plugin-email-composer 0.9.2 "EmailComposer"
cordova-plugin-facebook4 6.1.0 "Facebook Connect"
cordova-plugin-geolocation 4.0.2 "Geolocation"
cordova-plugin-globalization 1.11.0 "Globalization"
cordova-plugin-googlemaps 2.6.2 "cordova-plugin-googlemaps"
cordova-plugin-googleplus 8.2.1 "Google SignIn"
cordova-plugin-inappbrowser 3.2.0 "InAppBrowser"
cordova-plugin-inapppurchase 1.1.0 "In App Purchase"
cordova-plugin-ionic-keyboard 2.2.0 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 4.1.2 "cordova-plugin-ionic-webview"
cordova-plugin-network-information 2.0.2 "Network Information"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-plugin-x-socialsharing 5.6.3 "SocialSharing"
cordova-sqlite-storage 3.4.0 "Cordova sqlite storage plugin - cordova-sqlite-storage plugin version"
cordova-support-android-plugin 1.0.1 "cordova-support-android-plugin"
cordova-support-google-services 1.3.2 "cordova-support-google-services"
es6-promise-plugin 4.2.2 "Promise"
ionic-plugin-deeplinks 1.0.20 "Ionic Deeplink Plugin"
mx.ferreyra.callnumber 0.0.2 "Cordova Call Number Plugin"
uk.co.workingedge.phonegap.plugin.launchnavigator 5.0.4 "Launch Navigator"
Current behavior: Markers appear on screen and then disappear. They reapear after moving or zooming. I'm using markers and marker clusters. Tested on an iPhone 7 and an iPad Mini 4
Expected behavior: Markers should not disappear. Works fine on android.
Screen capture or video record: See video
Related code, data or error log (please format your code or data): I cannot post the full project, but the relevant part is:
var map = new google.maps.Map(document.getElementById('mapStations'), {
center: {
lat: -33.4427816,
lng: -70.6400344
},
zoom: 14,
disableDefaultUI: true
});
var estaciones = [ /* data goes here, around 650/700 items */];
var markers = estaciones.map(function(estacion, i) {
return {
'position': {
'lat': estacion.lat,
'lng': estacion.lng
},
'icon': {
'url': 'img/pin-copec-solo.png'
}
};
});
var markerCluster = map.addMarkerCluster({
'boundsDraw': false,
'markers': markers,
icons: [
{min: 25, url: "./img/markercluster/blue.png", anchor: {x: 16, y: 16}}
]
});
This issue only manifest on iOS. Thanks in advance for any info.
There is no quick solution at this time.
Is there any solution yet ?
+1 Is there any solution for that?
+1 Is there any solution for that?
try to transfer images as base64 and not as links to files