Ich habe eine Datenbank auf phpadmin erstellt und ich habe Informationen aus einer XML-Datei in die Datenbank extrahiert, mein Datenbankfeld besteht aus Zeit, Breite, Länge, Tiefe und Magnitude.i haben eine Tabelle mit allen Informationen auf einer Webseite und ich habe ein Feld mit einem Link, während ich auf den Link klicke, sollte es mich zu einer Google Map API leiten und es muss die Breiten- und Längeninformationen aus der Datenbank extrahieren, in der ich das Problem habe geben Sie den Wert der Breite und Länge automatisch, jedes meinen Code des help.hereÜbergeben von Werten mit einer href
<?php
require('dbconnect.php');
$query="SELECT * from earthquake_xml";
$result= mysqli_query($dbc,$query);
echo "Query Executed Successfully ";
$numRow =mysqli_num_rows($result);
echo "<br> Number Of Rows:".$numRow;
?>
<!DOCTYPE HTML>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
padding:10px;
}
table{
border-collapse: collapse;
text-align:center;
}
</style>
</head>
<body>
<table>
<tr>
<td>Time</td>
<td>Latitude</td>
<td>Longitude</td>
<td>Depth</td>
<td>Magnitude</td>
<td>Google Map </td>
</tr>
<?php
if($numRow>0)
{
while($row=mysqli_fetch_assoc($result))
{
echo "<tr>";
echo "<td>" .$row['Time'] . "</td>";
echo "<td>" .$row['Latitude']. "</td>";
echo "<td>" .$row['Longitude']. "</td>";
echo "<td>" .$row['Depth']. "</td>";
echo "<td>" .$row['Magnitude']. "</td>";
echo "<td><a href='googleMap.php?longitude= '' '>Click here</a></td>";
echo "</tr>";
}
}
?>
</table>
</body>
</html>
dies mein ist googleMap.php
<!DOCTYPE HTML>
<HTML>
<head>
<title></title>
<style>
html,body{
height:100%;
margin:0;
padding:0;
}
#map{
height:100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap(){
var myLatLng={lat:-36.5806,lng:-73.6355};
var map=new google.maps.Map(document.getElementById('map'),{
center:myLatLng,
zoom:8
});
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(position){
var pos={
lat:-36.5806,
lng:-73.6355
};
var marker=new google.maps.Marker({
position:pos,
map:map,
});
map.setCenter(pos,marker)
},function(){
handleLocationError(true,map.getCenter());
});
}else{
handleLocationError(false,map.getCenter)
}
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap">
</script>
</body>
</html>
Sie entfernen besser Ihren API-Schlüssel aus der Frage. –