✔ Meinen Standort (Geodaten) in Datenbank eintragen

M

medico

Erfahrenes Mitglied
Hallo zusammen,

ich möchte mir eine kleine Webseite bzw. ein Formular fertig machen, das meinen aktuellen Standort (Geodaten / Koordinaten) ermittelt und mit zusätzlichen Datenfeldern die ich ausfülle in eine Datenbank einträgt.

Also wie ich ein ausgefülltest Formular in eine Datenbank eintrage weiß ich, aber ich würde halt gerne noch ein Textfeld haben in dem automatisch oder wenn ich einen Button drücke meine GPS Koordinaten (Latitude und Longitude) eingetragen werden.

Ist das mittels PHP möglich? Wenn ja wie?

Gruß
Andreas
 
Hey super Danke :)

Ich habe jetzt mal diesen Code versucht und das klappt wunderbar:
HTML: 
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8"/>
    <title>HTML5 Geolocation Beispiel</title>
</head>

<body>
    <div id="pos">
        Deine Position wird ermittelt...
    </div>
   
    <script>
        navigator.geolocation.getCurrentPosition(function(position){
            document.getElementById('pos').innerHTML = 'Latitude: '+position.coords.latitude+' / Longitude: '+position.coords.longitude;
        }, function(){
            document.getElementById('pos').innerHTML = 'Deine Position konnte leider nicht ermittelt werden';
        });
    </script>
</body>
</html>

es gibt aber noch einen Code da wird der Standort in einer Karte angezeigt. Das klappt auch:
HTML: 
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8"/>
    <title>HTML5 Geolocation Beispiel mit Hilfe von Google Maps</title>
   
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
</head>

<body>
    <div id="pos" style="width:800px; height:600px;">
        Deine Position wird ermittelt...
    </div>
   
    <script>
        function initialize(coords) {
            var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("pos"), myOptions);
           
            var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                title: "Hier bist du :)"
            });
        }
 
        navigator.geolocation.getCurrentPosition(function(position){
            initialize(position.coords);
        }, function(){
            document.getElementById('pos').innerHTML = 'Deine Position konnte leider nicht ermittelt werden';
        });
    </script>
</body>
</html>
Jetzt würde ich aber gerne beides kombinieren. Also das mit der Werte der Latitude und Longitude angezeigt wird und auch noch zusätzlich die Karte.

Habe versucht den Code zusammenzufügen, aber kriege das nicht hin. Kannst Du mir da helfen?
 
Sowas:
HTML: 
<!DOCTYPE html>

<html lang="de">

<head>
	<meta charset="utf-8"/>
	<title>HTML5 Geolocation Beispiel</title>

	<script src="http://maps.google.com/maps/api/js?sensor=true"></script>

	<script>
		function initializeMap(coords) {
			var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);
			var myOptions = {
				zoom: 8,
				center: latlng,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			var map = new google.maps.Map(document.getElementById("pos2"), myOptions);

			var marker = new google.maps.Marker({
				position: latlng,
				map: map,
				title: "Hier bist du :)"
			});
		}
	</script>
</head>

<body>
	<div id="pos1">&nbsp;</div>
	<div id="pos2">&nbsp;</div>

	<script>
		navigator.geolocation.getCurrentPosition(
			function(position) {
				document.getElementById('pos1').innerHTML = 'Latitude: '+position.coords.latitude+' / Longitude: '+position.coords.longitude;
				initializeMap(position.coords);
			},
			function() {
				document.getElementById('pos1').innerHTML = 'Deine Position konnte leider nicht ermittelt werden';
			}
		);
	</script>
</body>
</html>
 
Ach doch noch eine Sache ;-)
Wie bekomme ich die beiden Werte in eine Formularfeld, so dass ich es in meine Datenbank eintragen kann?
 
Wow klasse. DANKE
Aber darf ich dich noch eine Sache fragen und dann bin ich glücklich
Ich würde gerne die beiden Werte trennen, also jeder Werte in ein Formularfeld. Wie kriege ich das hin?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück