Form Feld eintragen und Standort anzeigen
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
adresse
beispiel
betreff
brauche
code
datum
email
erstellen
form
hilfe
http
karte
kopieren
message
nachricht
ort
standort
stelle
text
url
-
Hallo,
ich brauche Hilfe, und zwar möchte ich wenn man hier einen Ort eingibt bzw. Geo Daten in das FormFeld das der Standort in der Karte aufgerufen wird.
<form action="#" onsubmit="showAddress(this.address.value); return false"> <p> <input type="text" size="60" name="address" value="Neuen Standort eingeben..." /> <input type="submit" value="Suchen!" /> </p> </form> </li> </ul> </div> <div id="google_canvas"></div> <script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script> <script> (function() { if(!!navigator.geolocation) { var map; var mapOptions = { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('google_canvas'), mapOptions); navigator.geolocation.getCurrentPosition(function(position) { var geolocate = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var infowindow = new google.maps.InfoWindow({ map: map, position: geolocate, content: '<h1>Ihr Standort!</h1>' + '<h2>Latitude: ' + position.coords.latitude + '</h2>' + '<h2>Longitude: ' + position.coords.longitude + '</h2>'+ '<h2><u>Standort zu CreateQR übernehmen!</u></h2>' }); map.setCenter(geolocate); }); } else { document.getElementById('google_canvas').innerHTML = 'No Geolocation Support.'; } })(); </script> </body> </html>
Danke
Beitrag zuletzt geändert: 13.3.2015 23:40:56 von laex630 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
laex630 schrieb:
Hallo,
ich brauche Hilfe, und zwar möchte ich wenn man hier einen Ort eingibt bzw. Geo Daten in das FormFeld das der Standort in der Karte aufgerufen wird.
Wenn Du das möchtest, dann mach das doch einfach. Wenn Du dabei Hilfe erwartest, solltest Du eventuell mitteilen, an welcher Stelle und warum Du bei deinen bisherigen Versuchen gescheitert bist. -
Von Anfang an gescheitert :( Problem ist ich weiß nicht wie ich das Abfragen soll bzw. das es dann sucht.
-
Also kurz gesagt, glänzt Eigeninitiative durch Abwesenheit.
Dann schau dir doch einfach mal die Beispiele und die Doku zur Maps-API an, experimentiere damit und stelle dann konkrete Fragen zu eventuellen Problemen bei der Umsetzung.
Alternative für Bequeme: Vergib einen Auftrag an jemanden, der das für dich macht und bezahle denjenigen dafür. -
Du kannst den html text direkt bei google maps selber erstellen.
bei Google Maps unten rechts auf das Zahnradsymbol klicken dann auf karte teilen oder einbetten
einfach nur Quelltext kopieren und an pasender Stelle auf deiner Seite rein.
andere Möglichkeit ist ein Direktlink http://www.regiohelden.de/google-maps/
du kannst auch bei meiner Kontaktseite den quelltext ansehen. um ein funtionierendes Form Feld zum laufen, zu bringen.
als erstes müßtest du eine php seite erstellen
Beispiel komplett in die PHP Seite kopieren:
<?php
// Ausführen wenn Formular gesendet
if (isset($_POST["submit"]))
{
// Sammeln der Formulardaten
$an = "deine@ersetzen.de"; // Hier die Empfängeremail eintragen
$name = $_POST['name'];
$email = $_POST['email'];
$betreff = $_POST['betreff'];
$nachricht = $_POST['nachricht'];
// Mailheader UTF-8 fähig machen
$mail_header = 'From:' . $email . "\n";
$mail_header .= 'Content-type: text/plain; charset=UTF-8' . "\r\n";
// Mailheader UTF-8 fähig machen
$message = "
Name: $name\n
Email: $email\n
Nachricht: $nachricht\n
";
// Verschicken der Mail
mail($an, $betreff, $message, $mail_header );
};
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sevenXdemo - Form2Email - simple</title>
</head>
<body>
</body>
</html>
der nächste Teil ist für den Einbau auf der HTML Seite:
<form id="form" action="e-mail.php" method="post">
<label for="name">Dein Name Nick:</label>
<input id="name" name="name" size="25" type="text" />
<label for="email">Deine Email Adresse:</label>
<input id="email" name="email" size="25" type="text" />
<label for="betreff">
Betreff:</label>
<input id="betreff" name="betreff" size="25" type="text" />
<label for="nachricht">Nachricht:<br>
</label><p></p>
<textarea id="nachricht" cols="50" rows="6" name="nachricht"></textarea>
<input id="submit" name="submit" type="submit" value="Post senden" />
</form>
meine PHP Seite nennt sich e-mail.php im form script - mußt du noch deine php adresse eingeben
bei mir sieht es so aus <form id="form" action="e-mail.php" method="post">
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage