Ola, estou implementando google maps e guardo as cordenadas em duas listas Javascript porem apenas uma coordenada aparece no mapa, deveriam aparecer todas,
18/02/2017 21:09
0
Apenas as ultimas coordenas da lista eque aparecem no mapa, a variavel latt guarda a latitude e logg a longitude gostava de saber onde esta o meu erro?
[quote]
<%@ page import="templateconfiggrails.Mapas" %>
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="principal">
<g:set var="entityName" value="${message(code: 'mapas.label', default: 'Mapas')}" />
<title><g:message code="default.list.label" args="[entityName]" /></title>
</head>
<body>


<div class="wrapper">
<div class="row">
<div class="col-sm-12">
<section class="panel">

<div class="panel-body">
<div class="adv-table">


<!--MAPA-->
<div id="map" hid></div>

<script>
<g:each in="${mapasInstanceList}" status="i" var="mapasInstance">

var latt=[[${fieldValue(bean: mapasInstance, field: "latitude")}]];
var logg=[[${fieldValue(bean: mapasInstance, field: "longitude")}]];




function initMap() {

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(latt[0], logg[0]),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();

var marker, i;
for (i = 0; i < latt.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(latt[i], logg[i]),
map: map
});



}




}

</g:each>
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=CHAVE&callback=initMap">
</script>



</div>
</div>
</section>
</div>
</div>
</div>




</body>





</html>
[/quote]
Tags: Grails


0
Não seria  pq vc da um init no mapa  a cada volta do g:each? ele sempre vai ficar marcado o da ultima volta desse jeito
20/02/2017 10:18


0
<script>

var latt=${mapasInstanceList.latitude}
var logg=${mapasInstanceList.llongitude};

function initMap() {

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(latt[0], logg[0]),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < latt.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(latt[i], logg[i]),
map: map
});
? ? ? ? ? ? }
}

</script>?

Talvez isso resolva
20/02/2017 10:23


0
desconsidera os  ? ? ? ? ? ?  por algum motivo bugo o post
20/02/2017 10:24



Ainda não faz parte da comunidade???

Para se registrar, clique aqui.


Aprenda Groovy e Grails com a Formação itexto!

Newsletter Semana Groovy

Assinar

Envie seu link!


Livro de Grails


/dev/All

Os melhores blogs de TI (e em português) em um único lugar!

 
Creative Commons
RSS Grails Brasil é mantido por itexto Consultoria.
Em caso de problemas contacte Henrique Lobo Weissmann (Kico) por e-mail: kico@itexto.com.br
Todo o conteúdo presente neste site adota o Creative Commons como licença padrão.
Ver: 4.14.0
itexto