La Api funciona perfecta, pero si editas el texto a mano, mi idea es colocarle un valor dinamico a $direccion="Las heras 844, San Luis Argentina"; ,
Tengo el conocimiento para realizar una tabla y llenarla dinamicamente a través de un formulario, pero no se como insertar esa tabla en $direccion= " MI TABLA MAPA DE MI BASE DE DATOS"
Ayuda por favor.
Aqui les dejo el codigo de la api. saludos!
Matias escribió:
<?php require_once('Connections/demo.php');?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo WEB INMOBILIARIA</title>
<?php
$doc=new DOMDocument();
$direccion="Las heras 844, San Luis Argentina";
$xml="http://maps.googleapis.com/maps/api/geocode/xml?address=".$direccion."&sensor=true";
//echo $xml;
$doc->load($xml);
$persona=$doc->getElementsByTagName("result");
foreach ($persona as $p)
{
$latitud=$p->getElementsByTagName("lat");
$latitud=$latitud->item(0)->nodeValue;
$longitud=$p->getElementsByTagName("lng");
$longitud=$longitud->item(0)->nodeValue;
//echo "latitud=".$latitud." - longitud=".$longitud."<br>";
}
?>
<script type="text/javascript"
src="https://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function cargar_mapa()
{
var myOptions = {
scaleControl: true,
center: new google.maps.LatLng(<?php echo $latitud;?>, <?php echo $longitud;?>),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
var marker = new google.maps.Marker({
map: map,
title: "mi título",
position: map.getCenter()
});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('<b>Mapa</b>');
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', cargar_mapa);
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo WEB INMOBILIARIA</title>
<?php
$doc=new DOMDocument();
$direccion="Las heras 844, San Luis Argentina";
$xml="http://maps.googleapis.com/maps/api/geocode/xml?address=".$direccion."&sensor=true";
//echo $xml;
$doc->load($xml);
$persona=$doc->getElementsByTagName("result");
foreach ($persona as $p)
{
$latitud=$p->getElementsByTagName("lat");
$latitud=$latitud->item(0)->nodeValue;
$longitud=$p->getElementsByTagName("lng");
$longitud=$longitud->item(0)->nodeValue;
//echo "latitud=".$latitud." - longitud=".$longitud."<br>";
}
?>
<script type="text/javascript"
src="https://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function cargar_mapa()
{
var myOptions = {
scaleControl: true,
center: new google.maps.LatLng(<?php echo $latitud;?>, <?php echo $longitud;?>),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
var marker = new google.maps.Marker({
map: map,
title: "mi título",
position: map.getCenter()
});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('<b>Mapa</b>');
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', cargar_mapa);
</script>