I am having some problems with my current code.
I am not able to receive the results of the longitude and latitude from the address text field. Once I receive that I want to put the longitude and latitude into my database. I am not sure if that is possible because the value that it is checking(address) is in the form tag.
Any input would help... thanks
function initialize() {
var address = (document.getElementById('address'));
var autocomplete = new google.maps.places.Autocomplete(address);
autocomplete.setTypes(['geocode']);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''), (place.address_components[1] && place.address_components[1].short_name || ''), (place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
}
});
}
function codeAddress() {
geocoder = new google.maps.Geocoder();
var address = document.getElementById("address").value;
geocoder.geocode({
'address': address
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
alert("Latitude: " + results[0].geometry.location.lat() + "Longitude: " + results[0].geometry.location.lng());
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<form method="post" action="formconnect.php" ;>
<h2>Add new location</h2>
<p>Please add your company information within this form</p>
Name:
<input type="text" name="name">
<br>Hours:
<input type="text" name="hours">
<br>Baseball:
<select name="baseball">
<option value="" selected="selected"></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Coming Soon">Coming Soon</option>
</select>
<br>Basketball:
<select name="basketball">
<option value="" selected="selected"></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Coming Soon">Coming Soon</option>
</select>
<br>Hockey:
<select name="hockey">
<option value="" selected="selected"></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Coming Soon">Coming Soon</option>
</select>
<br>Golf:
<select name="golf">
<option value="" selected="selected"></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Coming Soon">Coming Soon</option>
</select>
<br>Soccer:
<select name="soccer">
<option value="" selected="selected"></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
<option value="Coming Soon">Coming Soon</option>
</select>
<br>Address:
<input type="text" name="address">
<br>
<input type='hidden' value='' name='lat' />
<input type='hidden' value='' name='lng' />
</br>
</br>
<input onClick="codeAddress()" type="submit"></input>
</form>
Here is the formconnect.php too
$sql="INSERT INTO markers (name, hours, baseball, basketball, hockey, golf, soccer, address, lat, lng)
VALUES
('$_POST[name]','$_POST[hours]','$_POST[baseball]','$_POST[basketball]','$_POST[hockey]','$_POST[golf]','$_POST[soccer]','$_POST[address]','$_POST[lat]','$_POST[lng]')";
if (!mysqli_query($con,$sql))
{
die('Error: ' . mysqli_error($con));
}
echo "one record added";
mysqli_close($con);
</div>