Entradas de Peter Bradstreet

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Mostrar hilos de 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

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.