[IOS] google map not show in popover

1

It’s show on web browser as normal but in popover not show and have error

ERROR: [ignore]map_1_577491397447.resizeMap, because removed.

:frowning:

$$('.popup-map').on('popup:open', function(e) {

  var div = document.getElementById("map-view");
  var myLatLng = {
    lat: data.p_lat,
    lng: data.p_lng
  };
  var options = {
    camera: {
      target: myLatLng,
      zoom: 16
    }
  };
  // Create a Google Maps native view under the map_canvas div.
  var map = plugin.google.maps.Map.getMap(div, options);
  var marker = map.addMarker({
    'position': myLatLng,
    title: data.p_title
  }, function(marker) {
    marker.showInfoWindow();
  });
  $$('.my-location').on('click', function(e) {
    console.log(localStorage.myLocation);
    map.animateCamera({
      'target': myLatLng,
      'zoom': 17,
      'duration': 100
    }, function() {
      isRunning = false;
    });
  });
});
2

Maybe the event popup:open is fired before the position of the div is set, so Google Maps cannot determine the correct location to view it. You can try to change the event to popup:opened, which is triggered /after/ the div position has been set.

Don’t know if this is the correct solution, but might be worth a quick try.

3

I did try opened still have no luck.

I think the real problem is It’s render to .page-content class and when init main view it’s under popup

-view .page-content
–popup .page-content (when popup open it show transparent)

still don’t know how to fix it :disappointed: