Gå til innhold

PHP IP i Javascript Google Kart

Kobraz

Anbefalte innlegg

Kobraz

Kobraz

Skrevet
Skrevet

Jeg holder på å lage en nettside hvor du får opp din egen ip-adresse + kart som viser lokasjon. Problemet er å få variabelen $latlon fra php-koden og inn i javascript-koden som viser kartet.

 

Kan noen hjelpe meg?

 

Min kode så langt:

<!DOCTYPE html>
<html>
<head>
<?php
$ip = $_SERVER['REMOTE_ADDR'];
$details = json_decode(file_get_contents("http://ipinfo.io/{$ip}/json"));

$latlon = $details->loc;

?>

<script>
function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng($latlon),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

function loadScript()
{
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?key=&sensor=false&callback=initialize";
  document.body.appendChild(script);
}

window.onload = loadScript;
</script>
</head>

<body>

<?php

echo $details->ip;
echo "<br>";
echo $details->hostname;
echo "<br>";
echo $details->loc;
echo "<br>";
echo $details->org;
echo "<br>";
echo $details->city;
echo "<br>";
echo $details->region;
echo "<br>";
echo $details->contry_name;
echo "<br>";
echo $details->phone;

echo "<br>";
echo "<br>";
echo $latlon;


?>




<div id="googleMap" style="width:500px;height:500px;"></div>

</body>
</html>

Videoannonse

Videoannonse
Annonse
trondes

trondes

Skrevet
Skrevet 
function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng($latlon),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

Du må bruke <?php ?> for å hente ut variabler 

function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng(<?php echo $latlon; ?>),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

Noen servere støtter også <?= $latlon;?>

Kobraz

Kobraz

Skrevet
  • Forfatter
Skrevet

 

function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng($latlon),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

Du må bruke <?php ?> for å hente ut variabler 

function initialize()
{
  var mapProp = {
    center: new google.maps.LatLng(<?php echo $latlon; ?>),
    zoom:7,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

Noen servere støtter også <?= $latlon;?>

 

 

Ja, stemmer det. Fant løsningen etter litt googling, men takk for svar uansett :) 

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...