mapsplugin / cordova-plugin-googlemaps

Google Maps plugin for Cordova
Apache License 2.0
1.66k stars 916 forks source link

[iOS only] markers disapear after first render, then reapear after moving or zooming #2774

Open elmismopancho opened 4 years ago

elmismopancho commented 4 years ago

I'm submitting a ... (check one with "x")

OS: (check one with "x")

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.

wf9a5m75 commented 4 years ago

There is no quick solution at this time.

davayd commented 3 years ago

Is there any solution yet ?

KhinMyintMyatThu commented 3 years ago

+1 Is there any solution for that?

Py6aHoK commented 3 years ago

+1 Is there any solution for that?

try to transfer images as base64 and not as links to files