Hola Jeisson, No he incluido ningun plugin de cordova (como maps) en este caso, por varias razones: Para que la app pueda correrse en un explorador Anadir el map requiere que el usuario incluya su api key de google a la hora de incluir el plugin Sin embargo no seria nada dificil de agregar. Una vez incluido puedes usar la libreria para hacer un llamado al metodo #positionsGet que te retorna un array con la ultima posicion de cada equipo que el usuario tiene agregado Si gustas, podriamos negociar mis servicios para que lo adapte a tu caso en particular

Tienes un correo donde nos podamos escribir, Gracias

claro, mi correo es josefd8@gmail.com.

Hello! I'm pretty sure you can use the API without having to submit any credit card information. This API have a free daily quota which is usually more than enough for a personal project. Try to create a new API key (remove the one you already have) and try again. One of the users of this project reported a problem he had (the map did not showed up) but I believe it was a problem with the version of cordova he had installed (he downgraded cordova and that was it) probably your problem may be similar. Sorry I can not give you that much help :( I'm don't really feel capable of giving you support about the plugin itself, but only about this particular project

By the version of Cordova you mean the version of the Ionic Cli ? Mine is CLI 4.11.0 right now.

As I understand, cordova is a different component. He told me he downgraded from version 9 to version 8

Ok it worked I'll leave it here in case someone else needs it Cordova Version 8, and I've added this code snippet Environment.setEnv({ // api key for server 'API_KEY_FOR_BROWSER_RELEASE': 'API_KEY_FOR_BROWSER_RELEASE', // api key for local development 'API_KEY_FOR_BROWSER_DEBUG': 'API_KEY_FOR_BROWSER_DEBUG' }); Replaced with my API key and it worked.

Ok it worked I'll leave it here in case someone else needs it Cordova Version 8, and I've added this code snippet Environment.setEnv({ // api key for server 'API_KEY_FOR_BROWSER_RELEASE': 'API_KEY_FOR_BROWSER_RELEASE', // api key for local development 'API_KEY_FOR_BROWSER_DEBUG': 'API_KEY_FOR_BROWSER_DEBUG' }); Replaced with my API key and it worked.

That's awesome! Thanks for sharing ;)

Hi Harlem, Well, the program supports all the different endpoints described in the API documentation fro traccar: https://www.traccar.org/api-reference/ So if there is an endpoint for exactly that functionality, it should be listed there. I recommend you that if you are unsure how to perform this, you could try to replicate what you are trying to do in the web application and check via the browser console what are the API calls performed in the background. Probably you will have to use more than one API call to get what you want

Hi Jose, I've managed to get the list of devices that I want to their position to show on the map. this.devices.forEach((device) => { if (device.status === 'online') { availableScootersIds.push('id='+device.id); } }); devicesIds = availableScootersIds.join("&"); But when I'm trying to use it as paremeters it looks like this api/positions?id=id=1%26id=4%26id=5 How can I pass ampersand(&) with the parameters in Angular ? Thank you

Found it id.forEach((deviceId) => { console.log(deviceId.id); queryParameters = queryParameters.append('id', <any>deviceId.id); });

hahaha glad to hear that :)

Hi Jose, what's your email I have a few questions thanks.

My email is josefd8@gmail.com

hello francisco, Please, fiind this section in the config.xml file <plugin name="cordova-plugin-googlemaps" spec="2.4.6"> <variable name="API_KEY_FOR_ANDROID" value="YOUR_API_KEY_HERE" /> <variable name="API_KEY_FOR_IOS" value="YOUR_API_KEY_HERE" /> <variable name="PLAY_SERVICES_VERSION" value="15.0.1" /> <variable name="ANDROID_SUPPORT_V4_VERSION" value="27.+" /> </plugin> replace the "YOUR_API_KEY_HERE" with your API key

As I see you are running the app on a browser and the map plugin that is used in the project is the native SDK plugin, designed to be running on mobile (I believe your problem is that is in fallback mode). Once you generate the android/ios app, you should not see that error

Hi Franciasco. Could you fix the problem you were having?

Hello Harlem, I believe the cordova geofence plugin is for triggering actions and monitor circular geofences in the device. I assume that what you really want is to show the traccar geofences in the map, correct? If this is what you want, there is and endpoint in the traccar API to get the geofences, and after that you could just draw them in the map using the google maps API (there are several functions for drawing regions in google maps). The way geofences work in traccar (as I understand them), is that the geofence must be configured in the traccar server, and is the traccar server the responsible for firing an alert/email/sms if any given device send a report inside/outside that geofence

Hi Jose thank you for your quick reply, could you guide to one these functions for drawing regions ? I've also sent you an email, which is contains the same question. If it's something you could help me achieve, let me know what your fees are by email thank you.

Sure, This is the link to get all geofences from your traccar server https://www.traccar.org/api-reference/#operation--geofences-get And then, depending on the shape of your geofence (regular, or multiline) you could use circle class (https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/circle/README.md) or the polygon class (https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/polygon/README.md) from google maps API I remember to use them once, but it was a long time ago so probably some things have changed by now

Hi Jose, thank you for the links I've managed to get the geofences with circles to work, I'm stuck with the polygons ones. I need someone with better skills to help me out, I can pay. Can you help me out ?

I'm getting this as the value of area: POLYGON((59.91800096001387 10.766295516397868, 59.92008005535203 10.769876975862042, 59.92108932835282 10.770989177301486, 59.92092859914192 10.773374832565004, 59.91670447578136 10.773119106471876, 59.915220975177306 10.770010274382246, 59.91800096001387 10.766295516397868))

Hi Harlem! Yeah, that looks like a valid geofence in traccar. What exactly are you trying to do? creating new geofences in the app and using the API to POST then to traccar?

I'm trying to use that information as options to render multiple polygons on the map in the ionic app. Like on this example here. let GORYOKAKU_POINTS: ILatLng[] = [ {lat: 59.91800096001387, lng: 10.766295516397868}, {lat: 59.92008005535203, lng: 10.769876975862042}, {lat: 59.92108932835282, lng: 10.769876975862042}, {lat: 59.92108932835282, lng: 10.770989177301486}, {lat: 59.92092859914192, lng: 10.773374832565004}, {lat: 59.91670447578136, lng: 10.773119106471876}, {lat: 59.915220975177306, lng: 10.770010274382246}, {lat: 59.91800096001387, lng: 10.766295516397868} ]; let polygonOptions: PolygonOptions = { points: GORYOKAKU_POINTS, strokeColor : '#880000', fillColor : 'rgba(136, 0, 0, 0.4)', strokeWidth: 3, clickable: true }; After some string manipulation (replace, split) I've managed to make it look like this 0: "59.93033221502145 10.736312566620624" 1: " 59.93126823947952 10.739389385034407" 2: " 59.93032167711175 10.74246062690402" 3: " 59.928103133085784 10.73901288863796" 4: " 59.92783128357863 10.734413036346213" 5: " 59.929217972199666 10.732650529728573" 6: " 59.93033221502145 10.736312566620624" but I'm stuck now

here is the example I'm following, https://github.com/ionic-team/ionic-native-google-maps/tree/master/documents/polygonoptions

And what is exactly your problem? the polygon is not visible??

Hi; 1) Can we change the app icon? R: Yes, of course, this is just like any other regular ionic project, you are free to change icons, images, etc 2) Does it work for OpenStreet Map? R: I'm really not sure about this one. In the project, I use the google maps specific plugin for ionic, so my educated guess is that if there is one for OpenStreetMap this should be perfectly possible, although you will have to adapt the functionality for this plugin API

Hi Jose, I am new to ionic, but found this https://www.javascripttuts.com/using-leaflet-open-street-map-in-an-ionic-application-in-one-go/ for my query, can this solve the OpenstreetMap Issue of mine? Can you help in getting OpenStreetMap into your app...

I, unfortunately, cannot provide you with clear instructions about how to use OpenStreetMaps because I have never done it myself, but with a google search I did found some very comprehensible manuals. Check this one out https://tphangout.com/ionic-3-leaflet-maps-geolocation-markers/. What's exactly the problem you are having? OpenStreetMaps is another good map alternative, I just decided to just go with google maps because it was very well maintained and there was plenty of info available online

Hi Ahmed. As far as I understand, you set the default language in the app.componets file, but this is not static. And the language the app is displayed depends on the language the user has set the phone itself. So if the Zone/region and default language of the phone is set to, lets say, the USA, the app will be displayed in English, or if the zone/region and language of the phone is set to Italy, the app should be displayed in Italian (assuming the file with correct translations for that language exists). I would say that changing the app language at runtime is possible but I'm afraid I can not give you exact instructions on this. This question is most likely answered in the ionic help forums

Hello Irfan, Yes, you are correct. probably the name of the app can be confusing for some. Unlike the traccar client app (which is developed by the traccar team itself) this app is more like a REST API client: it shows how to connect and authenticate against the traccar server and perform different actions using its endpoints (with the API you could basically do all the same operations you would on the web interface) and this app is aimed to those who wish to create their own tracking app. You could certainly build a similar traccar client app that the one that is produced by the traccar team (an app that sends the phone's location at regular intervals to the server). However, you have a couple of constraints. First, the latests version of Android will require the app to have a constant icon in the notification area to avoid the OS from killing the background tracking process. And second, there is a Cordova plugin for background tracking, but the format of the packages it sends are not compatible with any GPS model currently supported by traccar (so you will have to implement this functionality at the server-side)

Hi Ahmed, Once the user logs in, the credentials are stored in the Ionic storage engine , and every time the app starts, it first verifies if this credentials exists. If they do, the app tries to call a devicesGet endpoint just to verify if the credentials are valid. If the response is other than 200, the splash screen is hidden and the user is redirected to the login screen. Also, the app counts with an HTTP interceptor that intercepts the http requests & responses. In this case, it is used to provide global error handling

Okay thanks, so then you use Basic Authentication with traccar.

Yes, as far as I can remember, the Traccar API works with basic authentication

They also have Session Cookie alternative. could this alternative work on this app?

Hi Ahmed. Sorry for the late reply. I would say that yes, it might work with session cookie, but is something I haven't tried myself so I can not give you a straight answer on this. However, it is most common for REST clients to work either with some sort of basic authentication (such as this case) or with a token, rather than with a session cookie (which I believe is more common in web clients)

Hola Howard, Por los momentos no hay planes de añadir mas funcionalidad a la aplicacion porque no fue pensada como una aplicacion final para la administracion de un servidor traccar, sino mas bien como un punto de partida para que otros desarrollen sus propias app a partir de esta y mostrar como puede hacerse uso de la API para acceder a las diferentes funcionalidades del sistema

Hello XYZ, As far as I can remember there is not a specific command for engine Start/Stop. What I mean by this is that every device should handle this functionality differently (the command dispatched to the device should be different for each model) So, you should first create the command in the platform (you could also create it using the API with the POST /command endpoint (or using the embedded function defaultService.commandsPost), and then dispatch the saved command using the POST /command/send endpoint (or with the embedded function defaultService.commandsSendPost) You should probably take a look at the traccar API reference. For more information here https://www.traccar.org/api-reference/

Being More precise: In the thumbnail images shown above, referring to the 4th image which shows two option 'Show Details' and 'Cancel' after the clicking on the 'Devices', so I want to add the button named 'Command' as the 3rd option and going in the Command I can show the list of commands the device has!

Just add another option to the menu that leads the user to a new page and use the functions in the way I described before to populate the info on the screen. What is the problem you are having?

hello jose, can you please help me! for the issue mentioned above!

Hi XYZ, It clearly says the error is: EACCES: permission denied, mkdir '/Users/pratiksunilsharma/Desktop/incartracking-client/node_modules/node-sass/build' How is that this is the first time you experience this?

Thanks for the reply Jose, yes it is 1st time I have experienced it! I am using sudo! Any better suggestion?

Delete the whole node_modules/ folder and perform an npm install again

Hola Rafael, perdona la tardanza en mi respuesta, pero esperaba que esta pagina me notificara al correo cada vez que alguien escribe pero al parecer no ha funcionado. La version de ionic es la version 3, y documentacion no incluyo, la app esta destinada a personas con previa experiencia en ionic Y si, correcto, es una app de administracion, no un cliente que envia su posicion

Hola Wallace. Por favor escribeme a mi correo personal y yo te puedo enviar una (josefd8@ gmail.com)

Hola Jasiel. La verdad que no con respecto a lo de los sockets. A ver, tu puedes ver en el mapa la ultima posición del equipo, pero tendrías que constantemente refrescar para actualizar las posiciones, no se haría solo. A menos que quizás tu por detrás hagas alguna rutina que lo haga automáticamente (que no creo que sea para nada algo complicado). No se decirte sobre el tema de los sockets, yo por detrás uso las APIs de traccar, si la API de traccar soporta el uso de sockets pues supongo que se podría. Con respecto a lo de probar en dispositivos reales, claro, de hecho el vídeo de youtube que tengo colgado es un vídeo de mi dispositivo personal. No lo he compilado para iOS pero para Android lo he probado y sin problema

Gracias Jose por responder, actualmente tengo una app hecha en Ionic 4, la API de Traccar soporta usos de sockets e incluso la implementé en Ionic pero por alguna razón se logra actualizar sin problemas en la web pero al correrlo en iOS o Android dan problemas con los sockets, era para ver si ya tu habías logrado hacerlo sin problemas. Muchas gracias.

Hi Alfredo Yes of course! what I'm offering here is not an apk or ipa file, it is the source code of the app. Once you have it you can do whatever changes you want

Hello Json! I think someone asked me this before. But no, this app retrieves the information from the server using API calls, and if you want to refresh the information that you see on the screen, you will have to perform another API call. Im actually not sure if the traccar API supports web sockets (probably it does)

Hi Jose, it supports web socket. Would you like to work on a custom project ?

Hi Dientri. I wouldn't worry about the warnings, those seem to just be warnings about outdated dependencies. However, that error message. What action is triggering that message? in what page?

Hi Dientri. No, you should press the refresh button to force the app to request the newest position of the device. You could implement a timer within the code to do this automatically I guess

application not work because need for @ionic/pro

The application does not work because of the need for @ ionic / pro

can you help me for new update for ionic3?

Ionic pro? That's only a plugin to help you connect your app to the services provided by Ionic (deploys, error dashboards), but is not a necessary plugin The application IS written in Ionic v3 already

Hey Dientri. Yes, this is a monitor client, not a transmitter. The app connects to a running traccar server and fetches the position of the devices. The app does NOT send the position of the mobile phone to the server,

Hi Rafael. If you try to simple execute "ionic cordova build android", does the resulting APK work?

Hi, Thanks for your response. Same thing, but debug version only and on both cases dont work. On debug version i have login page, but dont login. Thank you.

Have you made any changes to the source code? if you try to see the app running in the browser, does it work? or it returns any error in the browsers console?

Hi, no changes. First trying to compile as delivered. On browser runs perfectly ( except the map, but normal ). On browser create account, login, logout, add devicec ). debug apk installs, show login/create account but dont work. On release/prod apk only blank screen.

I just downloaded the code, generated the apk, and is working fine for me. I did have to change something, that the google maps plugin requires the API_KEY to be declared differently in the confix file, but besides that, didnt made any other change. I do have a docker image that has node/ionic/java/gradle/androidsdk preinstalled, and that I sometimes use to easily generate apk without having to download all those components and trying to align system variables: https://hub.docker.com/repository/docker/josefd8/ionic-android-builder Try doing the following: Go to your app folder and delete node_modules/ Assuming you have docker installed on your system, run: docker run --rm -v $(pwd):/ionicapp josefd8/ionic-android-builder:1.0 npm install And then, run: docker run --rm -v $(pwd):/ionicapp josefd8/ionic-android-builder:1.0 ionic cordova build android Those were exactly the steps I followed, and it worked fine.

Thank you, very much. I try now. After that i need to sign/align apk to publish on playstore. Will --prod and/or --release work too? Thanks again.

uhmmmm I don't think I ever tried to do the signing of the apk using the docker image, but you can try, not really sure if probably there's some package that was not included in the image that is necessary. But you can tell me and I could try to update the image.