Natgho

<template>
  <!-- Only one root node is allowed in template. -->
  <div class="container">
    <text class="title">Location Finder</text>
    <text>To find your place in the application, firstly press the "Obtain the geographical location" button. Then click the "show my location" button.
      
      After your location is determined, "Get information" will be automatically called for information about the location.
      
      </text>
    <input type="button" class="mybutton" onclick="getGeolocation" value="Obtain the geographical location." />

Natgho

import geolocation from '@system.geolocation';
import battery from '@system.battery';

export default {
    data: {
        index: 0,
        latlon: "",
        accuracy: 0,
        battery: 0,
    },

Natgho

<div class="container" style="flex-direction: column;">
        <text class="title">
            Konumunuz: {{latlon}}
        </text>
        <text class="title">
            Dogruluk: {{accuracy}}
        </text>
        <text class="title">
            Batarya Durumu: {{battery}}
        </text>

Natgho

<swiper class="container" index="{{index}}">
    <div class="swiper-item first-page">
        First Page
    </div>
    <div class="swiper-item second-page">
        Second Page
    </div>
    <div class="swiper-item third-page third-page-content">
      Third Page
    </div>

Natgho

export default {
    data: {
        index: 0,
    },
    onInit() {
    }
};

Natgho

<swiper class="container" index="{{index}}">
    <div class="swiper-item first-page">
        <div class="first-page-content">
            <text class="title">
                Konumunuz: {{latlon}}
            </text>
            <text class="title">
                Dogruluk: {{accuracy}}
            </text>
            <text class="title">

Natgho

<swiper class="container" index="{{index}}">
    <div class="swiper-item first-page">
        <div class="first-page-content">
            <text class="title">
                Konumunuz: {{latlon}}
            </text>
            <text class="title">
                Dogruluk: {{accuracy}}
            </text>
            <text class="title">

Natgho

import geolocation from '@system.geolocation';
import battery from '@system.battery';

export default {
    data: {
        index: 0,
        latlon: "",
        accuracy: 0,
        battery: 0,
        percentage: 0,

Natgho

import geolocation from '@system.geolocation';
import battery from '@system.battery';

export default {
    data: {
        index: 0,
        latlon: "",
        accuracy: 0,
        battery: 0,
        percentage: 0,

Natgho

<swiper class="container" index="{{index}}">
    <div class="swiper-item first-page">
        <div class="first-page-content">
            <text class="title">
                Konumunuz: {{latlon}}
            </text>
            <text class="title">
                Dogruluk: {{accuracy}}
            </text>
            <text class="title">