Open alexmeia opened 6 years ago
hostra
commented
6 years ago Hi, i had the same issue and have sort of managed to solve it by following first part of this post and saving and restoring reference to MapView myself.
Its not the prettiest solution but didnt find any other way
P.S. you can try following the whole post isntructions but i was unable to make it work that way
alexmeia
commented
6 years ago Thank you @StrahinjaCav for the suggestion. Whit the SideDrawer component I solved the problem in a not optimal but effective way, forcing the initialization of the SideDrawer on first application access. It seems that if the UI component sets its references to Java objects before the MapView does, the bug is bypassed. The solution you link seems less specific, I will try it.
kilka
commented
6 years ago Hey @alexmeia, I'm having this issue as well. Can you explain a little more on how your workaround works
sammoore
commented
6 years ago I had a workaround that appears to work okay -- I'll update this as verification happens. At that point I'll create a PR with additional changes to apply on top of #261 since that seems to be relevant. For now, I am monkey-patching the various fixes right before registerElement. Here's what that looks like for anyone who needs this fixed ASAP:
// Patch nativescript-google-maps-sdk on Android for back-button navigation / view re-use.
if (isAndroid) {
// https://github.com/dapriett/nativescript-google-maps-sdk/pull/261/commits/a11c1f991b682f9ea1f461b032516319c58e89d1
const _disposeNativeView = MapView.prototype.disposeNativeView;
MapView.prototype.disposeNativeView = function () {
if (this.nativeView) {
this.nativeView.onDestroy();
}
if (this._gMap) {
this._gMap.setMyLocationEnabled(false);
this._gMap.clear();
}
return _disposeNativeView.apply(this, arguments);
};
// https://github.com/NativeScript/NativeScript/issues/3960#issuecomment-324662048
const _createNativeView = MapView.prototype.createNativeView;
MapView.prototype.createNativeView = function () {
const output = _createNativeView.apply(this, arguments);
this.nativeView.setSaveFromParentEnabled(false);
return output;
};
// MapView#clear calls this.gMap.clear without regard for its existance after a #disposeNativeView call.
// Fixes a crash that occurs after pressing the native android back button enough times to exit the App/Activity.
const _clear = MapView.prototype.clear;
MapView.prototype.clear = function () {
const guard = Object.create(this, {
gMap: {
get: () => {
if (this.gMap) return this.gMap
// a no-op if gMap is undefined at time of `#clear`
return { clear: () => {} };
}
}
});
return _clear.apply(guard, arguments);
};
}EDIT: when this was originally posted, the project this patch applied to was using 2.4.x.
sammoore
commented
6 years ago I'm still having the issue as of 2.6, although the merge of #261 has decreased the surface area of the patch:
// Patch nativescript-google-maps-sdk on Android for back-button navigation / view re-use.
if (isAndroid) {
// https://github.com/NativeScript/NativeScript/issues/3960#issuecomment-324662048
const _createNativeView = MapView.prototype.createNativeView;
MapView.prototype.createNativeView = function () {
const output = _createNativeView.apply(this, arguments);
this.nativeView.setSaveFromParentEnabled(false);
return output;
};
// MapView#clear calls this.gMap.clear without regard for its existance after a #disposeNativeView call.
// Fixes a crash that occurs after pressing the native android back button enough times to exit the App/Activity.
const _clear = MapView.prototype.clear;
MapView.prototype.clear = function () {
const guard = Object.create(this, {
gMap: {
get: () => {
if (this.gMap) return this.gMap
// a no-op if gMap is undefined at time of `#clear`
return { clear: () => {} };
}
}
});
return _clear.apply(guard, arguments);
};
}I'm not sure if both overrides are still necessary (or if only one of them), but I will try to confirm and open a PR in the next day or so with the changes and relevant issues.
lakexyde
commented
6 years ago @samtheprogram I am facing the same issue. Where do I add these? I am using Nativescript core.
// Patch nativescript-google-maps-sdk on Android for back-button navigation / view re-use.
if (isAndroid) {
// https://github.com/NativeScript/NativeScript/issues/3960#issuecomment-324662048
const _createNativeView = MapView.prototype.createNativeView;
MapView.prototype.createNativeView = function () {
const output = _createNativeView.apply(this, arguments);
this.nativeView.setSaveFromParentEnabled(false);
return output;
};
......Thanks.
IRCraziestTaxi
commented
5 years ago I was having this issue (or one similar) in which, upon backward navigation to the view containing the map, the app would crash as described above.
For whatever inexplicable reason, using the RouterExtensions option skipLocationChange (or, as I did, you can add skipLocationChange="true" to the element that sets [nsRouterLink]) still goes back to the view containing the map, but the app does not crash. ¯\_(ツ)_/¯
Hopefully this will help somebody because I wasted a lot of time trying to figure out the best workaround for it.
Edit: to clarify, using the skipLocationChange option to navigate to, not away from, the view containing the map is what fixed it for me.
steve-79
commented
3 years ago For anybody else coming across this issue in Android, when the app is minimized after the home screen button is clicked, then the back button is tapped causing the view with the map to show and crash the app - the above line of code from @samtheprogram fixed this for me.
this.nativeView.setSaveFromParentEnabled(false);
This is the updated map-view.android.js with the above line of code added to the createNativeView() method:
import { Application, AndroidApplication } from "@nativescript/core";
import { MapViewBase, BoundsBase, CircleBase, MarkerBase, PolygonBase, PolylineBase, ProjectionBase, PositionBase, latitudeProperty, VisibleRegionBase, longitudeProperty, bearingProperty, zoomProperty, tiltProperty, getColorHue } from "./map-view-common";
import { Image, ImageSource } from "@nativescript/core";
export * from "./map-view-common";
export class MapView extends MapViewBase {
constructor() {
super(...arguments);
this._markers = new Array();
}
onLoaded() {
super.onLoaded();
Application.android.on(AndroidApplication.activityPausedEvent, this.onActivityPaused, this);
Application.android.on(AndroidApplication.activityResumedEvent, this.onActivityResumed, this);
Application.android.on(AndroidApplication.saveActivityStateEvent, this.onActivitySaveInstanceState, this);
Application.android.on(AndroidApplication.activityDestroyedEvent, this.onActivityDestroyed, this);
}
onUnloaded() {
super.onUnloaded();
Application.android.off(AndroidApplication.activityPausedEvent, this.onActivityPaused, this);
Application.android.off(AndroidApplication.activityResumedEvent, this.onActivityResumed, this);
Application.android.off(AndroidApplication.saveActivityStateEvent, this.onActivitySaveInstanceState, this);
Application.android.off(AndroidApplication.activityDestroyedEvent, this.onActivityDestroyed, this);
}
disposeNativeView() {
if (this.nativeView) {
this.nativeView.onDestroy();
}
if (this._gMap) {
this._gMap.setMyLocationEnabled(false);
this._gMap.clear();
}
this._context = undefined;
this._gMap = undefined;
this._markers = undefined;
this._shapes = undefined;
super.disposeNativeView();
}
;
onActivityPaused(args) {
if (!this.nativeView || this._context != args.activity)
return;
this.nativeView.onPause();
}
onActivityResumed(args) {
if (!this.nativeView || this._context != args.activity)
return;
this.nativeView.onResume();
}
onActivitySaveInstanceState(args) {
if (!this.nativeView || this._context != args.activity)
return;
this.nativeView.onSaveInstanceState(args.bundle);
}
onActivityDestroyed(args) {
if (!this.nativeView || this._context != args.activity)
return;
this.nativeView.onDestroy();
}
createNativeView() {
var cameraPosition = this._createCameraPosition();
let options = new com.google.android.gms.maps.GoogleMapOptions();
if (cameraPosition)
options = options.camera(cameraPosition);
this.nativeView = new com.google.android.gms.maps.MapView(this._context, options);
this.nativeView.onCreate(null);
this.nativeView.onResume();
this.nativeView.setSaveFromParentEnabled(false);
let that = new WeakRef(this);
var mapReadyCallback = new com.google.android.gms.maps.OnMapReadyCallback({
onMapReady: (gMap) => {
var owner = that.get();
owner._gMap = gMap;
owner.setMinZoomMaxZoom();
owner.updatePadding();
if (owner._pendingCameraUpdate) {
owner.updateCamera();
}
gMap.setOnMapClickListener(new com.google.android.gms.maps.GoogleMap.OnMapClickListener({
onMapClick: (gmsPoint) => {
let position = new Position(gmsPoint);
owner.notifyPositionEvent(MapViewBase.coordinateTappedEvent, position);
}
}));
gMap.setOnMapLongClickListener(new com.google.android.gms.maps.GoogleMap.OnMapLongClickListener({
onMapLongClick: (gmsPoint) => {
let position = new Position(gmsPoint);
owner.notifyPositionEvent(MapViewBase.coordinateLongPressEvent, position);
}
}));
gMap.setOnMarkerClickListener(new com.google.android.gms.maps.GoogleMap.OnMarkerClickListener({
onMarkerClick: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerTapped(marker);
return false;
}
}));
gMap.setOnInfoWindowClickListener(new com.google.android.gms.maps.GoogleMap.OnInfoWindowClickListener({
onInfoWindowClick: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerInfoWindowTapped(marker);
return false;
}
}));
gMap.setOnInfoWindowCloseListener(new com.google.android.gms.maps.GoogleMap.OnInfoWindowCloseListener({
onInfoWindowClose: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerInfoWindowClosed(marker);
return false;
}
}));
gMap.setOnMyLocationButtonClickListener(new com.google.android.gms.maps.GoogleMap.OnMyLocationButtonClickListener({
onMyLocationButtonClick: () => {
owner.notifyMyLocationTapped();
return false;
},
}));
gMap.setOnIndoorStateChangeListener(new com.google.android.gms.maps.GoogleMap.OnIndoorStateChangeListener({
onIndoorBuildingFocused: () => {
const buildingFocused = gMap.getFocusedBuilding();
let data = null;
if (buildingFocused) {
const levels = [];
let count = 0;
while (count < buildingFocused.getLevels().size()) {
levels.push({
name: buildingFocused.getLevels().get(count).getName(),
shortName: buildingFocused.getLevels().get(count).getShortName(),
});
count += 1;
}
data = {
defaultLevelIndex: buildingFocused.getDefaultLevelIndex(),
levels: levels,
isUnderground: buildingFocused.isUnderground(),
};
}
owner.notifyBuildingFocusedEvent(data);
return false;
},
onIndoorLevelActivated: (gmsIndoorBuilding) => {
const level = gmsIndoorBuilding.getLevels().get(gmsIndoorBuilding.getActiveLevelIndex());
owner.notifyIndoorLevelActivatedEvent({
name: level.getName(),
shortName: level.getShortName(),
});
return false;
}
}));
if (gMap.setOnCircleClickListener) {
gMap.setOnCircleClickListener(new com.google.android.gms.maps.GoogleMap.OnCircleClickListener({
onCircleClick: (gmsCircle) => {
let shape = owner.findShape((shape) => shape.android.getId() === gmsCircle.getId());
if (shape) {
owner.notifyShapeTapped(shape);
}
return false;
}
}));
}
if (gMap.setOnPolylineClickListener) {
gMap.setOnPolylineClickListener(new com.google.android.gms.maps.GoogleMap.OnPolylineClickListener({
onPolylineClick: (gmsPolyline) => {
let shape = owner.findShape((shape) => shape.android.getId() === gmsPolyline.getId());
if (shape) {
owner.notifyShapeTapped(shape);
}
return false;
}
}));
}
if (gMap.setOnPolygonClickListener) {
gMap.setOnPolygonClickListener(new com.google.android.gms.maps.GoogleMap.OnPolygonClickListener({
onPolygonClick: (gmsPolygon) => {
let shape = owner.findShape((shape) => shape.android.getId() === gmsPolygon.getId());
if (shape) {
owner.notifyShapeTapped(shape);
}
return false;
}
}));
}
gMap.setOnMarkerDragListener(new com.google.android.gms.maps.GoogleMap.OnMarkerDragListener({
onMarkerDrag: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerDrag(marker);
},
onMarkerDragEnd: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerEndDragging(marker);
},
onMarkerDragStart: (gmsMarker) => {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
owner.notifyMarkerBeginDragging(marker);
}
}));
let cameraChangeHandler = (cameraPosition) => {
owner._processingCameraEvent = true;
let cameraChanged = false;
if (owner.latitude != cameraPosition.target.latitude) {
cameraChanged = true;
latitudeProperty.nativeValueChange(owner, cameraPosition.target.latitude);
}
if (owner.longitude != cameraPosition.target.longitude) {
cameraChanged = true;
longitudeProperty.nativeValueChange(owner, cameraPosition.target.longitude);
}
if (owner.bearing != cameraPosition.bearing) {
cameraChanged = true;
bearingProperty.nativeValueChange(owner, cameraPosition.bearing);
}
if (owner.zoom != cameraPosition.zoom) {
cameraChanged = true;
zoomProperty.nativeValueChange(owner, cameraPosition.zoom);
}
if (owner.tilt != cameraPosition.tilt) {
cameraChanged = true;
tiltProperty.nativeValueChange(owner, cameraPosition.tilt);
}
if (cameraChanged) {
owner.notifyCameraEvent(MapViewBase.cameraChangedEvent, {
latitude: cameraPosition.target.latitude,
longitude: cameraPosition.target.longitude,
zoom: cameraPosition.zoom,
bearing: cameraPosition.bearing,
tilt: cameraPosition.tilt
});
}
owner._processingCameraEvent = false;
};
if (gMap.setOnCameraIdleListener) {
gMap.setOnCameraIdleListener(new com.google.android.gms.maps.GoogleMap.OnCameraIdleListener({
onCameraIdle: () => cameraChangeHandler(gMap.getCameraPosition())
}));
}
else if (gMap.setOnCameraChangeListener) {
gMap.setOnCameraChangeListener(new com.google.android.gms.maps.GoogleMap.OnCameraChangeListener({
onCameraChange: cameraChangeHandler
}));
}
if (gMap.setOnCameraMoveListener) {
gMap.setOnCameraMoveListener(new com.google.android.gms.maps.GoogleMap.OnCameraMoveListener({
onCameraMove: () => {
const cameraPosition = gMap.getCameraPosition();
owner.notifyCameraEvent(MapViewBase.cameraMoveEvent, {
latitude: cameraPosition.target.latitude,
longitude: cameraPosition.target.longitude,
zoom: cameraPosition.zoom,
bearing: cameraPosition.bearing,
tilt: cameraPosition.tilt
});
}
}));
}
gMap.setInfoWindowAdapter(new com.google.android.gms.maps.GoogleMap.InfoWindowAdapter({
getInfoWindow: function (gmsMarker) {
return null;
},
getInfoContents: function (gmsMarker) {
let marker = owner.findMarker((marker) => marker.android.getId() === gmsMarker.getId());
var content = owner._getMarkerInfoWindowContent(marker);
return (content) ? content.android : null;
}
}));
owner.notifyMapReady();
}
});
this.nativeView.getMapAsync(mapReadyCallback);
return this.nativeView;
}
_createCameraPosition() {
var cpBuilder = new com.google.android.gms.maps.model.CameraPosition.Builder();
var update = false;
if (!isNaN(this.latitude) && !isNaN(this.longitude)) {
update = true;
cpBuilder.target(new com.google.android.gms.maps.model.LatLng(this.latitude, this.longitude));
}
if (!isNaN(this.bearing)) {
update = true;
cpBuilder.bearing(this.bearing);
}
if (!isNaN(this.zoom)) {
update = true;
cpBuilder.zoom(this.zoom);
}
if (!isNaN(this.tilt)) {
update = true;
cpBuilder.tilt(this.tilt);
}
return (update) ? cpBuilder.build() : null;
}
updateCamera() {
var cameraPosition = this._createCameraPosition();
if (!cameraPosition)
return;
if (!this.gMap) {
this._pendingCameraUpdate = true;
return;
}
this._pendingCameraUpdate = false;
var cameraUpdate = com.google.android.gms.maps.CameraUpdateFactory.newCameraPosition(cameraPosition);
if (this.mapAnimationsEnabled) {
this.gMap.animateCamera(cameraUpdate);
}
else {
this.gMap.moveCamera(cameraUpdate);
}
}
setViewport(bounds, padding) {
var p = padding || 0;
var cameraUpdate = com.google.android.gms.maps.CameraUpdateFactory.newLatLngBounds(bounds.android, p);
if (!this.gMap) {
this._pendingCameraUpdate = true;
return;
}
this._pendingCameraUpdate = false;
if (this.mapAnimationsEnabled) {
this.gMap.animateCamera(cameraUpdate);
}
else {
this.gMap.moveCamera(cameraUpdate);
}
}
updatePadding() {
if (this.padding && this.gMap) {
this.gMap.setPadding(this.padding[2] || 0, this.padding[0] || 0, this.padding[3] || 0, this.padding[1] || 0);
}
}
get android() {
throw new Error('Now use instance.nativeView instead of instance.android');
}
get gMap() {
return this._gMap;
}
get projection() {
return (this._gMap) ? new Projection(this._gMap.getProjection()) : null;
}
get settings() {
return (this._gMap) ? new UISettings(this._gMap.getUiSettings()) : null;
}
get myLocationEnabled() {
return (this._gMap) ? this._gMap.isMyLocationEnabled() : false;
}
set myLocationEnabled(value) {
if (this._gMap)
this._gMap.setMyLocationEnabled(value);
}
setMinZoomMaxZoom() {
if (this.gMap) {
this.gMap.setMinZoomPreference(this.minZoom);
this.gMap.setMaxZoomPreference(this.maxZoom);
}
}
addMarker(...markers) {
if (!markers || !this._markers || !this.gMap)
return null;
markers.forEach(marker => {
marker.android = this.gMap.addMarker(marker.android);
this._markers.push(marker);
});
}
removeMarker(...markers) {
if (!markers || !this._markers || !this.gMap)
return null;
markers.forEach(marker => {
this._unloadInfoWindowContent(marker);
marker.android.remove();
this._markers.splice(this._markers.indexOf(marker), 1);
});
}
removeAllMarkers() {
if (!this._markers || !this.gMap || !this._markers.length)
return null;
this._markers.forEach(marker => {
this._unloadInfoWindowContent(marker);
marker.android.remove();
});
this._markers = [];
}
findMarker(callback) {
if (!this._markers)
return null;
return this._markers.find(callback);
}
addPolyline(shape) {
if (!this.gMap)
return null;
shape.loadPoints();
shape.android = this.gMap.addPolyline(shape.android);
this._shapes.push(shape);
}
addPolygon(shape) {
if (!this.gMap)
return null;
shape.loadPoints();
shape.loadHoles();
shape.android = this.gMap.addPolygon(shape.android);
this._shapes.push(shape);
}
addCircle(shape) {
if (!this._shapes || !this.gMap)
return null;
shape.android = this.gMap.addCircle(shape.android);
this._shapes.push(shape);
}
removeShape(shape) {
if (!this._shapes)
return null;
shape.android.remove();
this._shapes.splice(this._shapes.indexOf(shape), 1);
}
removeAllShapes() {
if (!this._shapes)
return null;
this._shapes.forEach(shape => {
shape.android.remove();
});
this._shapes = [];
}
setStyle(style) {
if (!this.gMap)
return null;
let styleOptions = new com.google.android.gms.maps.model.MapStyleOptions(JSON.stringify(style));
return this.gMap.setMapStyle(styleOptions);
}
findShape(callback) {
if (!this._shapes)
return null;
return this._shapes.find(callback);
}
clear() {
this._markers = [];
this._shapes = [];
this.gMap.clear();
}
}
export class UISettings {
get android() {
return this._android;
}
constructor(android) {
this._android = android;
}
get compassEnabled() {
return this._android.isCompassEnabled();
}
set compassEnabled(value) {
this._android.setCompassEnabled(value);
}
get indoorLevelPickerEnabled() {
return this._android.isIndoorLevelPickerEnabled();
}
set indoorLevelPickerEnabled(value) {
this._android.setIndoorLevelPickerEnabled(value);
}
get mapToolbarEnabled() {
return this._android.isMapToolbarEnabled();
}
set mapToolbarEnabled(value) {
this._android.setMapToolbarEnabled(value);
}
get myLocationButtonEnabled() {
return this._android.isMyLocationButtonEnabled();
}
set myLocationButtonEnabled(value) {
this._android.setMyLocationButtonEnabled(value);
}
get rotateGesturesEnabled() {
return this._android.isRotateGesturesEnabled();
}
set rotateGesturesEnabled(value) {
this._android.setRotateGesturesEnabled(value);
}
get scrollGesturesEnabled() {
return this._android.isScrollGesturesEnabled();
}
set scrollGesturesEnabled(value) {
this._android.setScrollGesturesEnabled(value);
}
get tiltGesturesEnabled() {
return this._android.isTiltGesturesEnabled();
}
set tiltGesturesEnabled(value) {
this._android.setTiltGesturesEnabled(value);
}
get zoomControlsEnabled() {
return this._android.isZoomControlsEnabled();
}
set zoomControlsEnabled(value) {
this._android.setZoomControlsEnabled(value);
}
get zoomGesturesEnabled() {
return this._android.isZoomGesturesEnabled();
}
set zoomGesturesEnabled(value) {
this._android.setZoomGesturesEnabled(value);
}
}
export class Projection extends ProjectionBase {
get android() {
return this._android;
}
get visibleRegion() {
return new VisibleRegion(this.android.getVisibleRegion());
}
fromScreenLocation(point) {
var latLng = this.android.fromScreenLocation(new android.graphics.Point(point.x, point.y));
return new Position(latLng);
}
toScreenLocation(position) {
var point = this.android.toScreenLocation(position.android);
return {
x: point.x,
y: point.y
};
}
constructor(android) {
super();
this._android = android;
}
}
export class VisibleRegion extends VisibleRegionBase {
get android() {
return this._android;
}
get nearLeft() {
return new Position(this.android.nearLeft);
}
get nearRight() {
return new Position(this.android.nearRight);
}
get farLeft() {
return new Position(this.android.farLeft);
}
get farRight() {
return new Position(this.android.farRight);
}
get bounds() {
return new Bounds(this.android.latLngBounds);
}
constructor(android) {
super();
this._android = android;
}
}
export class Position extends PositionBase {
get android() {
return this._android;
}
get latitude() {
return this._android.latitude;
}
set latitude(latitude) {
this._android = new com.google.android.gms.maps.model.LatLng(parseFloat("" + latitude), this.longitude);
}
get longitude() {
return this._android.longitude;
}
set longitude(longitude) {
this._android = new com.google.android.gms.maps.model.LatLng(this.latitude, parseFloat("" + longitude));
}
constructor(android) {
super();
this._android = android || new com.google.android.gms.maps.model.LatLng(0, 0);
}
static positionFromLatLng(latitude, longitude) {
let position = new Position();
position.latitude = latitude;
position.longitude = longitude;
return position;
}
}
export class Bounds extends BoundsBase {
get android() {
return this._android;
}
get southwest() {
return new Position(this.android.southwest);
}
get northeast() {
return new Position(this.android.northeast);
}
constructor(android) {
super();
this._android = android;
}
static fromCoordinates(southwest, northeast) {
return new Bounds(new com.google.android.gms.maps.model.LatLngBounds(southwest.android, northeast.android));
}
}
export class Marker extends MarkerBase {
constructor() {
super();
this._isMarker = false;
this.android = new com.google.android.gms.maps.model.MarkerOptions();
}
get position() {
return new Position(this._android.getPosition());
}
set position(value) {
if (this._isMarker) {
this._android.setPosition(value.android);
}
else {
this._android.position(value.android);
}
}
get rotation() {
return this._android.getRotation();
}
set rotation(value) {
if (this._isMarker) {
this._android.setRotation(value);
}
else {
this._android.rotation(value);
}
}
get zIndex() {
return this._android.getZIndex();
}
set zIndex(value) {
if (this._isMarker) {
this._android.setZIndex(value);
}
else {
this._android.zIndex(value);
}
}
get title() {
return this._android.getTitle();
}
set title(title) {
if (this._isMarker) {
this._android.setTitle(title);
}
else {
this._android.title(title);
}
}
get snippet() {
return this._android.getSnippet();
}
set snippet(snippet) {
if (this._isMarker) {
this._android.setSnippet(snippet);
}
else {
this._android.snippet(snippet);
}
}
showInfoWindow() {
if (this._isMarker) {
this.android.showInfoWindow();
}
}
isInfoWindowShown() {
return (this._isMarker) ? this.android.showInfoWindow() : false;
}
hideInfoWindow() {
if (this._isMarker) {
this.android.hideInfoWindow();
}
}
get color() {
return this._color;
}
set color(value) {
value = getColorHue(value);
this._color = value;
var androidIcon = (value) ? com.google.android.gms.maps.model.BitmapDescriptorFactory.defaultMarker(value) : null;
if (this._isMarker) {
this._android.setIcon(androidIcon);
}
else {
this._android.icon(androidIcon);
}
}
get icon() {
return this._icon;
}
set icon(value) {
if (typeof value === 'string') {
var tempIcon = new Image();
tempIcon.imageSource = ImageSource.fromResourceSync(String(value));
value = tempIcon;
}
this._icon = value;
var androidIcon = (value) ? com.google.android.gms.maps.model.BitmapDescriptorFactory.fromBitmap(value.imageSource.android) : null;
if (this._isMarker) {
this._android.setIcon(androidIcon);
}
else {
this._android.icon(androidIcon);
}
}
get alpha() {
return this._android.getAlpha();
}
set alpha(value) {
if (this._isMarker) {
this._android.setAlpha(value);
}
else {
this._android.alpha(value);
}
}
get flat() {
return this._android.isFlat();
}
set flat(value) {
if (this._isMarker) {
this._android.setFlat(value);
}
else {
this._android.flat(value);
}
}
get anchor() {
return [this._android.getAnchorU(), this._android.getAnchorV()];
}
set anchor(value) {
if (this._isMarker) {
this._android.setAnchor(value[0], value[1]);
}
else {
this._android.anchor(value[0], value[1]);
}
}
get draggable() {
return this._android.isDraggable();
}
set draggable(value) {
if (this._isMarker) {
this._android.setDraggable(value);
}
else {
this._android.draggable(value);
}
}
get visible() {
return this._android.isVisible();
}
set visible(value) {
if (this._isMarker) {
this._android.setVisible(value);
}
else {
this._android.visible(value);
}
}
get android() {
return this._android;
}
set android(android) {
this._android = android;
this._isMarker = android.getClass().getName() === Marker.CLASS;
}
}
Marker.CLASS = 'com.google.android.gms.maps.model.Marker';
export class Polyline extends PolylineBase {
constructor() {
super();
this._isReal = false;
this.android = new com.google.android.gms.maps.model.PolylineOptions();
this._points = new Array();
}
get clickable() {
return this._android.isClickable();
}
set clickable(value) {
if (this._isReal) {
this._android.setClickable(value);
}
else {
this._android.clickable(value);
}
}
get zIndex() {
return this._android.getZIndex();
}
set zIndex(value) {
if (this._isReal) {
this._android.setZIndex(value);
}
else {
this._android.zIndex(value);
}
}
get visible() {
return this._android.isVisible();
}
set visible(value) {
if (this._isReal) {
this._android.setVisible(value);
}
else {
this._android.visible(value);
}
}
loadPoints() {
if (!this._isReal) {
this._points.forEach((point) => {
this._android.add(point.android);
});
}
}
reloadPoints() {
if (this._isReal) {
var points = new java.util.ArrayList();
this._points.forEach((point) => {
points.add(point.android);
});
this._android.setPoints(points);
}
}
get width() {
return this._android.getStrokeWidth();
}
set width(value) {
if (this._isReal) {
this._android.setWidth(value);
}
else {
this._android.width(value);
}
}
get color() {
return this._color;
}
set color(value) {
this._color = value;
if (this._isReal) {
this._android.setColor(value.android);
}
else {
this._android.color(value.android);
}
}
get geodesic() {
return this._android.isGeodesic();
}
set geodesic(value) {
if (this._isReal) {
this._android.setGeodesic(value);
}
else {
this._android.geodesic(value);
}
}
get android() {
return this._android;
}
set android(android) {
this._android = android;
this._isReal = android.getClass().getName() === Polyline.CLASS;
}
}
Polyline.CLASS = 'com.google.android.gms.maps.model.Polyline';
export class Polygon extends PolygonBase {
constructor() {
super();
this._isReal = false;
this.android = new com.google.android.gms.maps.model.PolygonOptions();
this._points = [];
this._holes = [];
}
get clickable() {
return this._android.isClickable();
}
set clickable(value) {
if (this._isReal) {
this._android.setClickable(value);
}
else {
this._android.clickable(value);
}
}
get zIndex() {
return this._android.getZIndex();
}
set zIndex(value) {
if (this._isReal) {
this._android.setZIndex(value);
}
else {
this._android.zIndex(value);
}
}
get visible() {
return this._android.isVisible();
}
set visible(value) {
if (this._isReal) {
this._android.setVisible(value);
}
else {
this._android.visible(value);
}
}
loadPoints() {
if (!this._isReal) {
this._points.forEach((point) => {
this._android.add(point.android);
});
}
}
loadHoles() {
if (!this._isReal) {
this._holes.forEach((hole) => {
var points = new java.util.ArrayList();
hole.forEach((point) => {
points.add(point.android);
});
this._android.addHole(points);
});
}
}
reloadPoints() {
if (this._isReal) {
var points = new java.util.ArrayList();
this._points.forEach((point) => {
points.add(point.android);
});
this._android.setPoints(points);
}
}
reloadHoles() {
if (this._isReal) {
var holes = new java.util.ArrayList();
this._holes.forEach((hole) => {
var points = new java.util.ArrayList();
hole.forEach((point) => {
points.add(point.android);
});
holes.add(points);
});
this._android.setHoles(holes);
}
}
get strokeWidth() {
return this._android.getStrokeWidth();
}
set strokeWidth(value) {
if (this._isReal) {
this._android.setStrokeWidth(value);
}
else {
this._android.strokeWidth(value);
}
}
get strokeColor() {
return this._strokeColor;
}
set strokeColor(value) {
this._strokeColor = value;
if (this._isReal) {
this._android.setStrokeColor(value.android);
}
else {
this._android.strokeColor(value.android);
}
}
get fillColor() {
return this._fillColor;
}
set fillColor(value) {
this._fillColor = value;
if (this._isReal) {
this._android.setFillColor(value.android);
}
else {
this._android.fillColor(value.android);
}
}
get android() {
return this._android;
}
set android(android) {
this._android = android;
this._isReal = android.getClass().getName() === Polygon.CLASS;
}
}
Polygon.CLASS = 'com.google.android.gms.maps.model.Polygon';
export class Circle extends CircleBase {
constructor() {
super();
this._isReal = false;
this.android = new com.google.android.gms.maps.model.CircleOptions();
}
get clickable() {
return this._android.isClickable();
}
set clickable(value) {
if (this._isReal) {
this._android.setClickable(value);
}
else {
this._android.clickable(value);
}
}
get zIndex() {
return this._android.getZIndex();
}
set zIndex(value) {
if (this._isReal) {
this._android.setZIndex(value);
}
else {
this._android.zIndex(value);
}
}
get visible() {
return this._android.isVisible();
}
set visible(value) {
if (this._isReal) {
this._android.setVisible(value);
}
else {
this._android.visible(value);
}
}
get center() {
return this._center;
}
set center(value) {
this._center = value;
if (this._isReal) {
this._android.setCenter(value.android);
}
else {
this._android.center(value.android);
}
}
get radius() {
return this._android.getRadius();
}
set radius(value) {
if (this._isReal) {
this._android.setRadius(value);
}
else {
this._android.radius(value);
}
}
get strokeWidth() {
return this._android.getStrokeWidth();
}
set strokeWidth(value) {
if (this._isReal) {
this._android.setStrokeWidth(value);
}
else {
this._android.strokeWidth(value);
}
}
get strokeColor() {
return this._strokeColor;
}
set strokeColor(value) {
this._strokeColor = value;
if (this._isReal) {
this._android.setStrokeColor(value.android);
}
else {
this._android.strokeColor(value.android);
}
}
get fillColor() {
return this._fillColor;
}
set fillColor(value) {
this._fillColor = value;
if (this._isReal) {
this._android.setFillColor(value.android);
}
else {
this._android.fillColor(value.android);
}
}
get android() {
return this._android;
}
set android(android) {
this._android = android;
this._isReal = android.getClass().getName() === Circle.CLASS;
}
}
Circle.CLASS = 'com.google.android.gms.maps.model.Circle';
The main navigation of my app is managed by the RadSideDrawer component of Telerik Pro UI. A page in the main section shows a map with some markers. On marker select event a page in a subfolder is opened. The page shows detailed information about the selected marker, following the pattern implemented in Master Detail Template.
The navigation to the detail page works fine using the
topmost.navigate()method, but when I try to go back to the map page usingtopmost.goBack();or the Android device back button I receive this error:The same error occurs in all Android devices and emulators that I have tested (Nexus 5, Nexus 6P, Huawei P10).
TNS Core Modules are at version 3.3.0, NativeScript Pro UI is at version 3.2.0 (the last one at the moment I write), nativescript-google-maps-sdk is at version 2.4.3.
I published this basic app to highlight the issue: https://github.com/alexmeia/nativescritp-sidedrawer-and-googlemaps