Scribd
Cargar
86 vistas1 página

Web2py y Google Maps

Este documento proporciona el código para mostrar un mapa de Google Maps cargando las coordenadas de una base de datos de forma sencilla con web2py. El código muestra un mapa con marcadores para cada registro de una consulta a la base de datos que incluye las coordenadas de latitud y longitud.

Cargado por

Guillermo Feser Alonso
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
86 vistas1 página

Web2py y Google Maps

Este documento proporciona el código para mostrar un mapa de Google Maps cargando las coordenadas de una base de datos de forma sencilla con web2py. El código muestra un mapa con marcadores para cada registro de una consulta a la base de datos que incluye las coordenadas de latitud y longitud.

Cargado por

Guillermo Feser Alonso
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 1

or si os sirve de ayuda, os dejo el c�digo para mostrar un mapa de google maps

cargando las coordenadas de una base de datos f�cilmente con web2py.


<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">

<script type="text/javascript">
function initMap() {
var myLatLng = {lat: 40.46366700000001, lng: -3.7492200000000366};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: myLatLng
});

var markers = [];


{{

associa = db.associacions.with_alias("a")
poblacio = db.poblaciones.with_alias("p")
rows=
db(associa).select(associa.nom,poblacio.poblacion,poblacio.latitud,poblacio.longitu
d,left=[poblacio.on(poblacio.poblacion == associa.poblacio)])
i=1
for r in rows:
}}

var marker{{=i}} = new google.maps.Marker({


position: new google.maps.LatLng(parseFloat({{=r.p.latitud}}),
parseFloat({{=r.p.longitud}})),
map: map,
title: "{{=r.a.nom.replace("\n","")}}",
});
markers.push(marker{{=i}});

{{

i+=1
pass
}}
var markerCluster = new MarkerClusterer(map, markers);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=INSERTA_AQUI_TU_KEY">
</script>

</head>
<body>
<div style="height: 100%; width: 100%;" id="map"></div>
</body>
</html>

También podría gustarte