alexwawo

<div style="page-break-after: always;"></div>

alexwawo

select.php

<?php
if(isset($_SERVER['HTTP_ORIGIN'])){
	header('Access-Control-Allow-Origin: *');
	header('Access-Control-Allow-Methods: POST, PUT, DELETE, OPTIONS');
	header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
}

$koneksi = mysqli_connect('127.0.0.1', 'root', '', 'umn_if733_2020');

alexwawo

// https://www.npmjs.com/package/@react-google-maps/api
// https://react-google-maps-api-docs.netlify.app

import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
import {GoogleMap, LoadScript} from "@react-google-maps/api";
import React from "react";

const Home: React.FC = () => {
    const center = {lat:-6.257386862450975, lng:106.61825929826999};
    const containerStyle = {

alexwawo

import {IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar} from '@ionic/react';
import {GoogleMap, LoadScript} from "@react-google-maps/api";
import {Geolocation} from "@capacitor/geolocation";
import React, {useState} from "react";

const Home: React.FC = () => {
    const [lat, setLat] = useState(0);
    const [lng, setLng] = useState(0);

    const containerStyle = {

alexwawo

// https://github.com/capacitor-community/capacitor-googlemaps-native
import {IonContent, IonHeader, IonPage, IonTitle, IonToolbar} from '@ionic/react';
import React, {useRef} from "react";
import {CapacitorGoogleMaps} from "@capacitor-community/capacitor-googlemaps-native";

const Home: React.FC = () => {
    const map = useRef<HTMLDivElement>(null);

    const boundingRect = map.current?.getBoundingClientRect() as DOMRect;

alexwawo

import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
import {GoogleMap, LoadScript, Marker} from "@react-google-maps/api";
import React, {useState} from "react";

const Home: React.FC = () => {
    const center = {lat:-6.257386862450975, lng:106.61825929826999};
    const [lat, setLat] = useState<number>(-6.257386862450975);
    const [lng, setLng] = useState<number>(106.61825929826999);
    const containerStyle = {
        width: '100%',

alexwawo

import {IonButton, IonContent, IonHeader, IonPage, IonTitle, IonToolbar} from '@ionic/react';
import {useEffect, useState} from "react";

const Home: React.FC = () => {
    const [data, setData] = useState(null);
    const url = "http://kuliah.seedlab.id/if633/api/ambil_semua_mahasiswa.php";

    const getAllDataHandler = () => {
        fetch(url)
            .then(response => response.json())

alexwawo

<?php
if(isset($_SERVER['HTTP_ORIGIN'])){
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Methods: POST, PUT, DELETE, OPTIONS');
    header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
}

// get data
$data = [];
$data = json_decode(file_get_contents('php://input'), true);

alexwawo

import {
    IonButton,
    IonContent,
    IonHeader,
    IonInput,
    IonItem,
    IonLabel,
    IonPage,
    IonTitle,
    IonToolbar

alexwawo

import {
    IonContent,
    IonHeader,
    IonPage,
    IonTitle,
    IonToolbar
} from '@ionic/react';
import {useEffect, useState} from "react";
import axios from "axios";