hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
C:
/
xampp
/
htdocs
/
tree
/
Upload FileeE
HOME
<?php include('header.php'); $maps = $category = array(); $sql = "SELECT * FROM LAN_INVENTORI "; $sql .= "LEFT JOIN LAN_POKOKCODE ON LAN_INVENTORI.INV_POKOKCODE=LAN_POKOKCODE.POK_POKOKCODE "; $sql .= "LEFT JOIN LAN_SYSTMAKAR ON LAN_INVENTORI.INV_CODEROOTS=LAN_SYSTMAKAR.SYS_CODEROOTS "; $sql .= "WHERE LAN_INVENTORI.INV_INVENTORI='$_GET[CusID]'"; $query = mysqli_query($mysqli, $sql); $row = $query->fetch_array(MYSQLI_ASSOC); $row['INV_KOORDINAY']; $row['INV_KOORDINAX']; //$maps[$row['INV_LOKASLAND']][] = array($row['INV_KOORDINAY'], $row['INV_KOORDINAX'], $row['INV_INVENTORI'], $row['POK_SAINTIFIK'], $row['POK_TEMPATANS'], $row['INV_AGEGTREES'], $row['SYS_NAMAROOTS']); // $categories[$row['INV_LOKASLAND']] = "'{$row['INV_LOKASLAND']}'"; ?> <script> function initMap() { const uluru = { lat: <?php echo $row['INV_KOORDINAX'] ?>, lng: <?php echo $row['INV_KOORDINAY'] ?> }; const map = new google.maps.Map(document.getElementById("map"), { zoom: 14, center: uluru, }); const contentString = '<div id="content">' + '<div id="siteNotice">' + "</div>" + '<div id="bodyContent">' + "<p><b>No. Inventori: </b><?php echo $row['INV_INVENTORI']; ?></br> " + "<b>Nama Tempatan: </b><?php echo $row['POK_TEMPATANS']; ?></br> " + "<b>Nama Saintifik: </b><?php echo $row['POK_SAINTIFIK']; ?></br> " + "<b>Jenis Akar: </b><?php echo $row['SYS_NAMAROOTS']; ?></p> " + "</div>" + "</div>"; const infowindow = new google.maps.InfoWindow({ content: contentString, ariaLabel: "Uluru", }); const marker = new google.maps.Marker({ position: uluru, map, title: "Lokasi", }); marker.addListener("click", () => { infowindow.open({ anchor: marker, map, }); }); } window.initMap = initMap; </script> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container"> <div class="row mb-2"> <div class="col-sm-6"> <!--<h1 class="m-0">Peta Lokasi</h1>--> </div><!-- /.col --> <div class="col-sm-6"> <!-- <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Layout</a></li> <li class="breadcrumb-item active">Top Navigation</li> </ol>--> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content-header --> <!-- Main content --> <div class="content"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="card card-primary card-outline"> <div class="card-header"> <h5 class="card-title m-0">Peta Lokasi</h5> <a href="#" class="btn btn-warning btn-sm" onclick="history.back();"><i class="fa fa-arrow-left"></i> Kembali</a> </div> <div class="card-body"> <a href="https://maps.google.com?q=<?php echo $row['INV_KOORDINAX'] ?>,<?php echo $row['INV_KOORDINAY'] ?>" target="_blank" class="btn btn-primary">Buka Google Maps</a> Klik sini untuk bergerak ke lokasi pokok teduhan. <div id="map" style="margin: 20px auto; border: #666 solid 2px; width: 80%; height: 400px;"></div> <script async src="https://maps.googleapis.com/maps/api/js?key=<?php echo $map_key;?>&callback=initMap"></script> </div> </div> </div> </div> <!-- /.col-md-6 --> </div> <!-- /.row --> </div><!-- /.container-fluid --> </div> <!-- /.content --> </div> <!-- /.content-wrapper --> <?php include('footer.php'); ?>