Grails + Mapa
31/01/2013 12:08
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=sua_key_aqui&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
center: new google.maps.LatLng(uma_latitude, uma_logitude),
zoom: 12,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var informacao;
var infowindow = new google.maps.InfoWindow({
content: informacao
});
<g:each in="${pedidoInstanceList}" status="i" var="pedido">
var situacao = '${pedido.situacao.trim()}';
var pedido${pedido.id} = new google.maps.LatLng(${pedido.latitude}, ${pedido.longitude});
var pedido${pedido.id}Marker = new google.maps.Marker({
position: pedido${pedido.id},
map : map,
title: 'Pedido : ${peido.codigo}',
icon: '/app/images/'+((situacao == '1')?'Aberto':'Fechado')+'.png'
});
informacao = '<div id="content">'+
'<b>Pedido :</b> ${pedido.codigo} </br>'+
'</div>';
google.maps.event.addListener(pedido${pedido.id}Marker, 'click', function() {
infowindow.open(map, pedido${pedido.id}Marker);
});
</g:each>
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map_canvas" style="width:100%; height:100%"></div>
Para se registrar, clique aqui.