Posts by Peter Bradstreet

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Take a look at some frequently asked questions about us and our products!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Show threads by Peter Bradstreet

162 posts found, page 1 of 11

Peter Bradstreet (In thread: Push notifications)

Sorry, I was not paying attention and didn't realize that I had the min sdk way too low. I have fixed it and it is working now. Now that I have a working example I should be able to take it from here. Thanks! Pete

Peter Bradstreet (In thread: Push notifications)

Hi David,

I must be doing something centrally wrong. I have opened up a fresh and clean instance of PushPlugin.ab and make the single change in it to set the HttpSetUrl to https instead of http. I then compile the app and go into the compiled folder and click on cordova_android_run.bat but I am getting the following error:


Created by DecSoft's App Builder v2019.56

More information at https://www.decsoftutils.com/

Using cordova-fetch for cordova-android@^8.0.0
Adding android project...
Creating Cordova project for the Android platform:
        Path: platforms\android
        Package: com.appbuilder.pushplugin
        Name: PushPlugin
        Activity: MainActivity
        Android target: android-28
Subproject Path: CordovaLib
Subproject Path: app
Android project created with cordova-android@8.1.0
Installing "phonegap-plugin-push" for android
Installing "cordova-support-google-services" for android
Subproject Path: CordovaLib
Subproject Path: app
Installing "phonegap-plugin-multidex" for android
Subproject Path: CordovaLib
Subproject Path: app
Subproject Path: CordovaLib
Subproject Path: app
Adding phonegap-plugin-push to package.json
Installing "cordova-plugin-whitelist" for android
Adding cordova-plugin-whitelist to package.json
Installing "cordova-plugin-splashscreen" for android
Adding cordova-plugin-splashscreen to package.json
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\peteb\AppData\Local\Android\sdk (DEPRECATED)
Picked up _JAVA_OPTIONS: -Xmx512M
Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details

BUILD SUCCESSFUL in 10s
1 actionable task: 1 executed
Subproject Path: CordovaLib
Subproject Path: app

> Configure project :app
registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)

> Task :app:preBuild UP-TO-DATE
> Task :CordovaLib:preBuild UP-TO-DATE
> Task :CordovaLib:preDebugBuild UP-TO-DATE
> Task :CordovaLib:checkDebugManifest
> Task :CordovaLib:processDebugManifest
> Task :app:preDebugBuild
> Task :CordovaLib:compileDebugAidl NO-SOURCE
> Task :app:compileDebugAidl NO-SOURCE
> Task :CordovaLib:packageDebugRenderscript NO-SOURCE
> Task :app:compileDebugRenderscript
> Task :app:checkDebugManifest
> Task :app:generateDebugBuildConfig
> Task :app:prepareLintJar
> Task :app:generateDebugSources
> Task :CordovaLib:compileDebugRenderscript
> Task :CordovaLib:generateDebugBuildConfig
> Task :CordovaLib:generateDebugResValues
> Task :CordovaLib:generateDebugResources
> Task :CordovaLib:packageDebugResources
> Task :CordovaLib:generateDebugRFile
> Task :CordovaLib:prepareLintJar
> Task :CordovaLib:generateDebugSources
> Task :CordovaLib:javaPreCompileDebug
> Task :CordovaLib:compileDebugJavaWithJavac
> Task :CordovaLib:processDebugJavaRes NO-SOURCE
> Task :CordovaLib:transformClassesAndResourcesWithPrepareIntermediateJarsForDebug
> Task :app:javaPreCompileDebug
> Task :app:mainApkListPersistenceDebug
> Task :app:generateDebugResValues
> Task :app:generateDebugResources
> Task :app:writeDebugApplicationId

> Task :app:processDebugGoogleServices
Parsing json file: C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\google-services.json

> Task :app:mergeDebugResources
> Task :app:createDebugCompatibleScreenManifests

C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\src\main\AndroidManifest.xml Error:
        uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15
        Suggestion: use a compatible library with a minSdk of at most 15,
                or increase this project's minSdk version to at least 19,
                or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures)

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugManifest'.
> Manifest merger failed : uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15
        Suggestion: use a compatible library with a minSdk of at most 15,
                or increase this project's minSdk version to at least 19,
                or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures)

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 6s
> Task :app:processDebugManifest FAILED

See http://g.co/androidstudio/manifest-merger for more information about the manifest merger.

24 actionable tasks: 24 executed
C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\gradlew: Command failed with exit code 1 Error output:
C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\app\src\main\AndroidManifest.xml Error:
        uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15
        Suggestion: use a compatible library with a minSdk of at most 15,
                or increase this project's minSdk version to at least 19,
                or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures)

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugManifest'.
> Manifest merger failed : uses-sdk:minSdkVersion 15 cannot be smaller than version 19 declared in library [:CordovaLib] C:\Users\peteb\OneDrive\Documents\AppBuilder - Copy\Samples\PushPlugin\PushPlugin_Compiled\platforms\android\CordovaLib\build\intermediates\library_manifest\debug\AndroidManifest.xml as the library might be using APIs not available in 15
        Suggestion: use a compatible library with a minSdk of at most 15,
                or increase this project's minSdk version to at least 19,
                or use tools:overrideLibrary="org.apache.cordova" to force usage (may lead to runtime failures)

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 6s
Picked up _JAVA_OPTIONS: -Xmx512M
'adb' is not recognized as an internal or external command,
operable program or batch file.
'adb' is not recognized as an internal or external command,
operable program or batch file.
Press any key to continue . . .

I am assuming that the error that is breaking it is referring to minSdkVersion but I am not sure where that is set? Any ideas?

Pete

Peter Bradstreet (In thread: Push notifications)

Okay thanks, I will take another look.
Pete

Peter Bradstreet (In thread: Push notifications)

Hi, Thanks for that but still no luck. I am thinking that this AB1 sample is based on Google cloud service rather than Firebase Cloud Messaging which is now defunct? The AB2 sample (PushNotif) seems to work and looks like it is working with the FCM which replaced GCM? Pete

Peter Bradstreet (In thread: Push notifications)

Hi David,

Well, I have had a productive week as I now have all of the google mapping stuff working and I also hit a home run with instant messaging and have it working using a firebase realtime database back-end. Thanks for all of your help in getting this far!

One of my final hurdles is to get push notifications working. I have started by trying to get the PushPlugin sample working (AB1) so that I can figure it all out. As soon as the app runs on my phone I get the error about registering. I can see that this is coming from the RegisterPush function. I also see in your example description:

 Also, take a look at the app configuration, in particular de Cordova options: you can see how we include the referred plugin as a custom plugin, and also how we need to add some extra XML code using the Cordova -> Configuration -> Extra XML option.

I can see the extra XML code as mentioned but the custom plugin text box in Cordova -> General is empty. Should there be something defined in this box? What do I need to do to get this sample working so that I can start to create my own solution?

Cheers, Pete

Peter Bradstreet (In thread: Google maps in AB1)

David,

I can't thank you enough for all of your help, I am finally starting to get a handle on this! I think that I have a handle on all of my mapping requirements now and will spend some time polishing it, then on to instant messaging.

Cheers, Pete

Peter Bradstreet (In thread: Google maps in AB1)

Many thanks David!

I would like to push some of the marker data into the infowindow. In your sample, you are putting the markersInfo[i] into a var called info and you are using info.VesselName to set the title of the marker. However, since the info window is defined in it's own function, the info var is not defined within that function and is not available. How would I access the data related to that vessel inside the info window?

I would need to defined the contentStr with something like:


var ContentStr = '<b>Vessel: '+vesselname+'<br>Type: '+vesseltype+'<br>Model: '+vesselmodel+'<br>Owners: '+vesselowners+'<br>Position Updated: '+vesselgeoupdated+'<br><img src='+vesselimage+' width="250" ><br><br><button data-view-name="FleetMember_View" class="goto-view-button btn btn-sm btn-primary">View Details</button></b>';

Cheers,

Pete

Peter Bradstreet (In thread: Google maps in AB1)

Hi, I have relaxed the security rules so you should be able to get a return now. Pete

Peter Bradstreet (In thread: Google maps in AB1)

Hi David, Yes, I want everything to happen in View 1, I included View 2 just so that you could see that the query results are being returned as objects and I am showinig them in the report. That being said, View 2 is not necessary as same get query is in View 1. I am hoping that you could give me a hand getting View 1 to pull the query results in, convert them to an array and then show the array as markers on the map? Cheers, Pete

Peter Bradstreet (In thread: Google maps in AB1)

Hi David,

I really appreciate your help as I am struggling with this. I have adapted an earlier sample that you sent me to try and fast track this. In View 1 I have a google map with a marker and infowindow. On view 2 I have a firestore query that returns two objects.

What I am trying to do is to leave the existing marker on the map on View 1 but also show two more markers based off of the query return along with infowindows for those markers with vessel name in infowindow. If you could let me know what I am doing wrong, it would be fantastic as I am spinning my wheels on this.

Sample: Download

Cheers, Pete

Peter Bradstreet (In thread: Google maps in AB1)

Hi David,

Thanks for your help, I feel that I am close but am getting an undefined error.I went with your js example:

// Create a sample source Array variable
NewArray "[SourceObjects]"

// Create an Object variable
NewObject "[AnObject]"
ObjectSetProp "[AnObject]" "Name" "Marker 1"
ObjectSetProp "[AnObject]" "Latitude" "12"
ObjectSetProp "[AnObject]" "Longitude" "34"
// Add the object into the Array
ArrayPush "[SourceObjects]" "[AnObject]"

// Create another Object variable
NewObject "[AnObject]"
ObjectSetProp "[AnObject]" "Name" "Marker 2"
ObjectSetProp "[AnObject]" "Latitude" "56"
ObjectSetProp "[AnObject]" "Longitude" "78"
// Add the object into the Array
ArrayPush "[SourceObjects]" "[AnObject]"

// Here we have a sample [SourceObjects] Array of objects,
// variable, so let's go an iterate it

// Create a sample destiny Array of arrays variable
NewArray "[DestinyArray]"

ArrayLength "[SourceObjects]" "[TotalSourceObjects]"
Dec "[TotalSourceObjects]"

// Iterate the source Array of objects variable
Loop "0" "[TotalSourceObjects]" "[I]"

  // Get the object in the source Array we are iterating
  ArrayGetItem "[SourceObjects]" "[I]" "[ObjectItem]"

  // Prepare our Array item to be added in the destiny Array
  NewArray "[DestinyArrayItem]"
  ArrayPush "[DestinyArrayItem]" "[ObjectItem.Name]"
  ArrayPush "[DestinyArrayItem]" "[ObjectItem.Latitude]"
  ArrayPush "[DestinyArrayItem]" "[ObjectItem.Longitude]"

  // Add the Array item into the destiny Array
  ArrayPush "[DestinyArray]" "[DestinyArrayItem]"
EndIf

// Take a look at the destinty Array at the browser's developer console
StartJS
  window.console.clear();
EndJS
Console "[DestinyArray]" "info"

I tried to replace your sample array source with the objects returned from the firebase query:

StartJS
var db = firebase.firestore();
var vesseltoken = window.App.RootScope.vtoken;
window.App.RootScope.Fleet_Report.Data = [];
db.collection("vessels").where("Fleets", "array-contains",(vesseltoken)).orderBy("VesselName","asc").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
window.App.RootScope.SourceObjects=doc.data();
var objectsource =window.App.RootScope.SourceObjects;
console.log(window.App.RootScope.SourceObjects);

});

});


 window.App.RootScope.DestinyArray = [];

for (var i = 0; i < window.App.RootScope.SourceObjects.length; i++) {

    var
      objectItem = objectsource[i];

  
    window.App.RootScope.DestinyArray.push(
     [objectItem.Name, objectItem.Latitude, objectItem.Longitude]
    );
   }
// 
// 
   window.console.clear();
  window.console.info(window.App.RootScope.DestinyArray);
$scope.$apply();
EndJS

The results of the console log: console.log(window.App.RootScope.SourceObjects); is returning what appears to be valid objects:

{…}

Beam: "8"

Draft: "3' 6\""

Fleets: Array [ "56413073", "55894744" ]

GeoUpdated: "Dec 31st 2019, 7:35 am"

Latitude: 20.74923368851367

Length: "23"

Longitude: -105.37793475306219

Manufacturer: "Grampian"

Model: "Grampian 23"

Owners: "Crazy Boater & Anxious Wife"

VesselEmail: "peter@dockit.app"

VesselID: "56414902"

VesselImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAIAAABC8jL9AAAACXBIWXMAAAsSAAALEgHS3X78AAAgAElEQVR4nOxdd3xUVdo+907vPZNGSKWzShULlhXcVWzrWnbFXcuqqKgrfrq2D1hcsYC6WEBdRdRVVHCxUkQ6CCssEAIJIaT3yUwyyfR2535/vJvzXWcmk0kyycwk5/kjv8nMLeeee55z3vNWimVZREBAkJqgE90AAgKC/oMQmIAghUEITECQwiAEJiBIYRACExCkMAiBCQhSGITABAQpDEJgAoIUBiEwAUEKgxCYgCCFQQhMQJDCIAQmIEhhEAITEKQwCIEJCFIYhMAEBCkMQmACghQGITABQQqDEJiAIIVBCExAkMIgBCZAwWAw0U0g6CcoktSOACHEsixFUYluBUGfQVZgAoQQAvaSpTjlQAg8cgF09Xq9jz322JEjRxBCNE3GQ4qBvLCRDpFI5Pf7n3rqqTVr1gQCAfiSLMWpAkJgAqTRaKZOnXrkyJE///nPXq8XIUTTNFGOpAQIgQmQ1+ulKGrSpEnBYPCRRx7Zvn07QoiiKLIOJz8IgQkQj8cLBAJOp9NoNKpUqvfff/+NN95A3VtiQuNkBiEwAUIIMQwDS65MJhs7duzx48cffPBBrNki4nTSghCY4P8RDAZ5PJ5CoRg9erRIJHr55ZdXr16Nuo1MBEkIfqIbQJBEoGna6/V6PB4ej6fVahUKxaFDh0wm07PPPpvophFEBlmBCf4LlmVpmhaJRFKplKIov9/PsmxRUVFra+u9995rtVrhMLIlTioQAhP8P2iaDgQCLpeLYRjY9waDwZycHIlE8sADD+zfvx+OIRxOHhARmuC/oCgKHDkoisKbXvCR1ul0Uqn0rbfecjgcV155Jai1yMY4GUAITPAzhNMyGAz6fD6tVisQCD744AOz2fzHP/6RsDdJQERogl4QDAZFIlFXV5dAIJgwYc…"

VesselName: "Misty Too"

VesselType: "Power"

<prototype>: Object { … }
app.js:19905:9
{…}

Beam: "11.5 Feet"

Comment: "Our lancer 36 is a great boat. \nNow is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party. \n\nNow is the time for all good men to come to the aid of their party. Now is the time for all good men to come to the aid of their party."

Fleets: Array [ "56413073" ]

GeoUpdated: "Mar 2nd 2020, 5:11 pm"

Latitude: 20.7543767

Length: "36. 5 Feet"

Longitude: -105.3756743

Manufacturer: "Lancer"

Model: "Lancer 36"

Owners: "John & Jane Doe"

VesselEmail: "peter@creativeinterface.com"

VesselID: "55894744"

VesselImage: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QA8RXhpZgAASUkqAAgAAAACADEBAgAHAAAAJgAAADsBAgAHAAAALQAAAAAAAABHb29nbGUAUGljYXNhAP/bAIQAAwICCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggICAgJCQkICAsNCggNCAgJCAEDBAQGBQYKBgYKDQ0KDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0N/8AAEQgDswLGAwEiAAIRAQMRAf/EAB4AAAEFAQEBAQEAAAAAAAAAAAQBAgMFBgAHCAkK/8QAYhAAAgECBAMFBQQFCAUIBgITAQIRAAMEEiExBUFRBhMiYXEHMoGRoRRCscEII1LR8BUzYnKCkuHxCSRDorIWNERTY3PC0hdUg5OzwxglNUVVo2R0hIWUldPiGSbExdTj5P/EABsBAAIDAQEBAAAAAAAAAAAAAAECAAMEBQYH/8QAPREAAgIBAwIDBQYFAwQCAwEAAAECEQMSITEEQRNRYQUicYGRFDKhscHRI0JS4fAGFfEkM2KSQ6JTcoI0/9oADAMBAAIRAxEAPwD3Vr9DXSTvUvdU7u69etjyzTfJHat1OSY/KmpNKwqchQ5XU6NXG3B8PwmmNbpbIpQoW3jmU6xVxadHUSJmqnuT1qS07rttSyimWQlp5LKylsaEUl/AL7wMD0oYXp3qbD3CDrqD1iq6aLrTA7uHWSeu0U5XKRB2ijsWVIgQP45edRWrHWmvzErfYsMNxRnXlE8+Yo7D4EZIB3+OtZ69v4JjmNdPOi8JxZlgD6/nWeUP6S+E13BcfwuGABEk6mpbKhfCx+PL5UUuMXUGNTO4MelEnDWiuhg/Om1NKmBRXKBzwhGUn46daqMNea0+mo9OVGNhbi7NOuw6Uy/YB94wfOasj5Pgr…"

VesselName: "Never Say Never"

VesselType: "Sail"

<prototype>: Object { … }

However, we I run the view and view the console I am getting an error: TypeError: window.App.RootScope.SourceObjects is undefined. The line that seems to be causing this error is:

for (var i = 0; i < window.App.RootScope.SourceObjects.length; i++)

This is confusing to me because it seems that SourceObjects must be defined since I can view it in the console log and my code is very similar to yours which works. Any ideas?

Cheers, Pete

Peter Bradstreet (In thread: Google maps in AB1)

Not sure if it is useful, but here is the full view show code:

SetVar "[AppHeaderTitle]" "My Fleet - Map" "String"
SetStyle "Button_MyLocation" "left" "75px"
SetStyle "Button_MyLocation" "top" "5px"
SetStyle "Button_MyLocation" "height" "30px"
SetStyle "Button_MyLocation" "padding-top" "2px"
SetStyle "Button_MyLocation" "width" "auto"
SetStyle "Button_MyLocation" "padding" "5px 15px 5px 15px"
SetStyle "Button_MyLocation" "border-radius" "15px"
SetStyle "Button_MyLocation" "text-align" "center"
SetStyle "MapHtml_Fleet" "top" "0px"
SetStyle "ContainerFleet" "top" "50px"
GetOption "dockit_vname" "vessel_name"

StartJS
//window.App.RootScope.VLocation.getGeolocation();
var db = firebase.firestore();
var vesseltoken = window.App.RootScope.vtoken;
window.App.RootScope.Fleet_Report.Data = [];
db.collection("vessels").where("Fleets", "array-contains",(vesseltoken)).orderBy("VesselName","asc").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
window.App.RootScope.Fleet_Report.Data.push(doc.data());
console.log(doc.data());});

$scope.$apply();
});
var locations = [
      ['Vessel 4', 20.749, -105.38, 'This is the description for Vessel 4'],
      ['Vessel 5', 20.748, -105.38, 'This is the description for Vessel 5'],
      ['Vessel 3', 20.7492336885134 ,-105.375, 'This is the description for Vessel 3'],
      ['Vessel 2', 20.747, -105.374, 'This is the description for Vessel 2'],
      ['Vessel 1', 20.748, -105.373, 'This is the description for Vessel 2']
    ];
  window.App.GoogleMap = {};

  angular.element(document).ready(function () {

    window.App.GoogleMap.Map = new google.maps.Map(
      document.getElementById('MapHtml_Fleet'),
      {
        zoom: 1,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: google.maps.MapTypeId.terrain,
        fullscreenControl: false,
                mapTypeControl: false,
                streetViewControl: false,
                styles: [{
                    "featureType": "administrative",
                    "elementType": "labels.text.fill",
                    "stylers": [{
                        "color": "#444444"
                    }]
                }, {
                    "featureType": "landscape",
                    "elementType": "all",
                    "stylers": [{
                        "color": "#f2f2f2"
                    }]
                }, {
                    "featureType": "poi",
                    "elementType": "all",
                    "stylers": [{
                        "visibility": "off"
                    }]
                }, {
                    "featureType": "road",
                    "elementType": "all",
                    "stylers": [{
                        "saturation": -100
                    }, {
                        "lightness": 45
                    }]
                }, {
                    "featureType": "road.highway",
                    "elementType": "all",
                    "stylers": [{
                        "visibility": "simplified"
                    }]
                }, {
                    "featureType": "road.arterial",
                    "elementType": "labels.icon",
                    "stylers": [{
                        "visibility": "off"
                    }]
                }, {
                    "featureType": "transit",
                    "elementType": "all",
                    "stylers": [{
                        "visibility": "off"
                    }]
                }, {
                    "featureType": "water",
                    "elementType": "all",
                    "stylers": [{
                        "color": "#bae6f7"
                    }, {
                        "visibility": "on"
                    }] }]}   );
var myvesselname = window.App.RootScope.vessel_name;
    window.App.GoogleMap.Marker = new google.maps.Marker({
      map: window.App.GoogleMap.Map,
      label: {text:myvesselname,color:'#005477',fontSize: "12px"},
       icon: {url:'https://dockit-secure.app/iPort/dockit_images/Marker-MyVessel.png',labelOrigin: new google.maps.Point(20, -7)},
      animation: google.maps.Animation.DROP
    });


var marker, i;

    for (i = 0; i < locations.length; i++) {
    var item = locations[i];
      marker = new google.maps.Marker({
      position: new google.maps.LatLng(locations[i][1], locations[i][2]),
      map: window.App.GoogleMap.Map,
      icon: {url:'https://dockit-secure.app/iPort/dockit_images/Marker-Sail.png',
      labelOrigin: new google.maps.Point(20, -7)},
      animation: google.maps.Animation.DROP,
      label: {text: item[0],color:'#005477',
      fontWeight: 'bold',fontSize: "12px"},title: item[3]
      });
}


       window.App.RootScope.$apply();
//     });

    window.App.RootScope.Location.getGeolocation();
  });

EndJS

Peter Bradstreet (In thread: Google maps in AB1)

Hi David,

I am making good progress on the Google mapping stuff and have maps that are showing single markers with popup info windows that contain a more details link that takes the user to another view with the relevant details. (Thanks for your help in getting that working)

I am now working on a view that returns a firebase query of vessels and displays each of them as a marker in the view google map.

I have multiple markers showing right now in the map but the markers are defined in a manually coded array

var locations = [
      ['Vessel 4', 20.749, -105.38, 'This is the description for Vessel 4'],
      ['Vessel 5', 20.748, -105.38, 'This is the description for Vessel 5'],
      ['Vessel 3', 20.7492336885134 ,-105.375, 'This is the description for Vessel 3'],
      ['Vessel 2', 20.747, -105.374, 'This is the description for Vessel 2'],
      ['Vessel 1', 20.748, -105.373, 'This is the description for Vessel 2']
    ];

My query results however are returned as objects rather than an array and I am at a loss how to create a similar array as above but with the returned object data.

Below you can see the code in the view code that returns the objects and you can see that I am currently writing the results to the console which is shown in the bottom code block.

var db = firebase.firestore();
var vesseltoken = window.App.RootScope.vtoken;
window.App.RootScope.Fleet_Report.Data = [];
db.collection("vessels").where("Fleets", "array-contains",(vesseltoken)).orderBy("VesselName","asc").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
window.App.RootScope.Fleet_Report.Data.push(doc.data());
console.log(doc.data());});

Here is the console log text:

[object Object]: {Beam: "8", Draft: "3' 6"", Fleets: Array, GeoUpdated: "Dec 31st 2019, 7:35 am", Latitude: 20.74923368851367...}
Beam: "8"
Draft: "3' 6""

Fleets: Array
GeoUpdated: "Dec 31st 2019, 7:35 am"
Latitude: 20.74923368851367
Length: "23"
Longitude: -105.37793475306219
Manufacturer: "Grampian"
Model: "Grampian 23"
Owners: "Crazy Boater & Anxious Wife"
VesselEmail: "peter@dockit.app"
VesselID: "56414902"
VesselImage: ""
VesselName: "Misty Too"
VesselType: "Power"

__proto__: Object


[object Object]: {Beam: "11.5 Feet", Comment: "Our lancer 36 is a great boat.", Fleets: Array, GeoUpdated: "Mar 2nd 2020, 5:11 pm", Latitude: 20.7543767...}
Beam: "11.5 Feet"
Comment: "Our lancer 36 is a great boat."

Fleets: Array
GeoUpdated: "Mar 2nd 2020, 5:11 pm"
Latitude: 20.7543767
Length: "36. 5 Feet"
Longitude: -105.3756743
Manufacturer: "Lancer"
Model: "Lancer 36"
Owners: "John & Jane Doe"
VesselEmail: "peter@creativeinterface.com"
VesselID: "55894744"
VesselImage: ""
VesselName: "Never Say Never"
VesselType: "Sail"

__proto__: Object

Any advice on converting the returned objects to an array would be hugely appreciated!

Cheers, Pete

Peter Bradstreet (In thread: Problems to register AB1 release 2019.56)

Perfect, many thanks. Pete

Peter Bradstreet (In thread: Problems to register AB1 release 2019.56)

Hi David, Looks like I have the same issue. Do I need to buy an upgrade? Cheers, Pete

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.