accessing GPS

[keepexploring]

Hi there,

Just came across nicegui and trying to get familiar with the project. I was wondering - is it possible to access the GPS capabilities of a device? e.g. is it possible to do browser geolocation and access the Navigator.geolocation object? You have an example of how to make custom vuejs components - is it possible to effectively make one to do this function? Could you, for example, use these utilities: https://vueuse.org
and therefore use this: https://vueuse.org/core/usegeolocation/#config (for example)

Thanks so much

[falkoschindler]

Sure, you could certainly create a custom component for getting the geolocation.

But if you basically just want to call a JavaScript function, you can also use ui.run_javasscript:

async def get_location():
    result = await ui.run_javascript('''
        return await new Promise((resolve, reject) => {
            if ("geolocation" in navigator) {
                navigator.geolocation.getCurrentPosition(
                    position => resolve({
                        lat: position.coords.latitude,
                        lon: position.coords.longitude,
                    }),
                    error => reject(error),
                );
            } else {
                reject("Geolocation is not supported by this browser.");
            }
        });
    ''', timeout=10)
    ui.notify(str(result))

ui.button('Get location', on_click=get_location)

It is a bit tricky since you need to await the result, but the pattern return await new Promise does the job.

Note the 10 second timeout: You might need to wait for the user to grant location access. This might take even longer.

[keepexploring]

Thanks so much. This is great. Looking forward to having a proper go building something with nicegui - I've always liked the Quasar project and to integrate in this way into the python ecosystem is exciting!