nativescript-mapbox | : statue_of_liberty : : tokyo_tower : : mount_fuji : Native | Map library

Plugin nativescript-mapbox is not included in preview app on device

tns plugin add nativescript-mapbox

anyone experiencing this?

I'm trying to create a singleton class so I could avoid opening the same database again.

I've read about creating a class provider with a static variable so it could stay the same, but I've seen that each time I navigate to another component, the static variable content is lost.

Here's my code so far couchbase.service.ts

I am attempting to track down a nasty crash bug in the NativeScript Mapbox plugin. On android any app built with that plugin crashes onResume.

To rule out a bug in the Mapbox GL Native Android library, I followed the install steps to create a very simple example app in Java that loads and displays a map.

That sample app does not crash regardless how many times I pause and resume.

I notice that the NativeScript Mapbox plugin does not seem to call the recommended Mapbox lifecycle hooks and that there are a number of crashes reported in the Mapbox native issues list where the answer is "follow the lifecycle hook guidelines".

So my next thought was to see if I can translate the Java code directly into NativeScript following the recommended life cycle hooks (exactly as it's done in the sample app). This way I would be able to determine if the crash is because of the lifecycle hooks not being called correctly or because of some more esoteric NativeScript issue.

The working Java activity is:

I am working on expanding the NativeScript-Mapbox plugin to include the ability to render circles that resize as the map is zoomed. I am working off the example on this page.

On iOS, I am running into problem trying to translate this NSExpression call into NativeScript:

Final Edit

I've found the correct documentation, and can inspect the MapView instance and mapboxMap to see available functions.

However I'm still not clear on how to actually use the SDK from within JavaScript, for example using mapboxMap.addLayer(layer: Layer). How do I make a new Layer?

So any tips on how to use a native SDK from within my angular/nativescript app would be lovely.

Original Question

I need a bit more control over my Mapbox plugin in my NativeScript project (I need to implement clustering, custom popups, custom (moveable) markers etc) and nativescript-mapbox doesn't provide convenience methods for this.

According to the documentation, the onMapReady event is meant to return a reference to the native MapView object under args.ios || args.android however when I inspect this object via logging, it appears to just be a string.