Converter v2 para v3 do googlemaps api [RESOLVIDO]

Pacato · Outubro 10, 2013, 11:21am

Olá pessoal,

Alguém aqui manja dessa conversão? não estou entendendo e não consegui fazer de nenhuma maneira a conversão da minha classe… alguém ai poderia ajudar este pobre mortal?

[code]

[/code]

Pacato · Outubro 11, 2013, 2:40pm

Ninguem???

Eu tentei fazer algo… mas nada…

[code]
<%@ page import=“br.com.portoseguro.sisrauto.view.tagLib.*”%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix=“bean”%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix=“html”%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix=“logic”%>

<bean:define id="home"
name="homeTO"
scope="request"
type="br.com.portoseguro.sisrauto.commons.to.HomeTO "/>

<bean:define id="daf"
name="dafTO"
scope="request"
type="br.com.portoseguro.sisrauto.commons.to.DafTO "/>

Sistema de Rastreamento Automotivo - Mapa2 div#error{float:left;width:260px;padding:5px 20px 10px;margin:0 auto; background:#FFCACA;} div#error span{font-weight:bold;} div#error li{font-style:italic;}

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type='text/javascript'>
	var map;
	
    function load() {
		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("mapa"));
			
			// adicionando controle de zoom
			map.addControl(new GSmallMapControl());
			
			// adicionando controle de tipo        
			map.addControl(new GMapTypeControl());
		
			//carregando pontos via xml
			GDownloadUrl("<%=Support.getUrlApp()%><%=Support.getStaticPath()%>jsp/mapaGoogle/xmlGoogle.jsp?coddaf=" + document.dafForm.coddaf.value, criaMarcadoresRota);

			//carregando ultimos sinais				
			carregarUltimosSinais()
		}
    } --%>

/* function criaMarcadores(conteudo, httpResponseCode){
alert(“criarMarcadores”);
var xml = GXml.parse(conteudo);
var marcadores = xml.documentElement.getElementsByTagName(“marcador”);

    	for (var i = 0; i < marcadores.length; i++){
			var ponto = new GLatLng(parseFloat(marcadores[i].getAttribute("lat")), parseFloat(marcadores[i].getAttribute("lng")));

			//centralizando no ultimo ponto
			if (i==0){
				map.setCenter(new GLatLng(marcadores[0].getAttribute("lat"), marcadores[0].getAttribute("lng")), 16);
			}

			map.addOverlay(criaMarcador(ponto,marcadores[i]));
		}
    } */

/* function criaMarcadoresRota(conteudo, httpResponseCode){
var xml = GXml.parse(conteudo);
var marcadores = xml.documentElement.getElementsByTagName(“marcador”);
var pontos = [];
var ponto;
var local;
var ultimoPonto = ‘true’;

    	for (var i = 0; i < marcadores.length; i++){
			ponto = new GLatLng(parseFloat(marcadores[i].getAttribute("lat")), parseFloat(marcadores[i].getAttribute("lng")));
			
			//centralizando no ultimo ponto
			if (i==0){
				map.setCenter(new GLatLng(marcadores[0].getAttribute("lat"), marcadores[0].getAttribute("lng")), 16);
			}

			pontos.push(ponto);
			map.addOverlay(criaMarcador(ponto, marcadores[i], ultimoPonto));
			ultimoPonto = 'false';
		}
		map.addOverlay(new GPolyline(pontos));
		// map.addOverlay(new GPolyline(pontos,"#ff0000", 5));  <-- altera cor e espessura da linha de rota
    } */
    
	function criaMarcador(ponto, informacoes, ultimoPonto){
    	alert("criarMarcador");
		// atribuindo imagem ao marcador
		letteredIcon = criaImagemMarcador(informacoes, ultimoPonto);
		markerOptions = { icon:letteredIcon };

		// criando marcador		
  		var marcador = new google.maps.Marker(ponto, markerOptions);
  	
  		// atribuindo informacoes ao marcador
  		var html = "<p><b>Data:</b> " + informacoes.getAttribute("dataHora") + "<br>";
  		html += "<b>Veículo:</b> " + informacoes.getAttribute("placa") + " - " + informacoes.getAttribute("veiculo") + "<br>";
  		html += "<b>Velocidade:</b> " + informacoes.getAttribute("velocidade") + "Km/h<br>";

// html += "Endereço: " + informacoes.getAttribute(“endereco”) + “

”;
// html += "Cidade: " + informacoes.getAttribute(“cidade”) + “”;
google.maps.event.addListener(marcador, “click”,
function (){
infowindow.setContent(html);
infowindow.open(map,marcador);

			});
		return marcador;
	}

	function criaImagemMarcador(informacoes, ultimoPonto){
		alert("criarImagemMarcador");
		var angulo = informacoes.getAttribute("angulo");
		var velocidade = informacoes.getAttribute("velocidade");
        

		if(ultimoPonto=='false'){
			// caso NAO SEJA o ultimo ponto, exibir marcador padrao
	        var baseIcon = new google.maps.MarkerImage('http://labs.google.com/ridefinder/images/mm_20_red.png',
	        	    new google.maps.Size(24, 24),
	        	    new google.maps.Point(5,18),
	        	    new google.maps.Point(9, 2));
	        var letteredIcon = baseIcon;
	        
		}else{
			// caso SEJA o ultimo ponto, exibir setas ou sinalizador de veiculo parado
	        var baseIcon = new google.maps.MarkerImage('http://labs.google.com/ridefinder/images/mm_20_green.png',
	        	    new google.maps.Size(24, 24),
	        	    new google.maps.Point(5,18),
	        	    new google.maps.Point(9, 2));
	        var letteredIcon = baseIcon;
		
			if(parseInt(velocidade) == 0){
				// Veiculo Parado
				letteredIcon.image = "<%=Support.getStaticPath()%>/images/VeiculoParado2.gif";			
			}else{
				if(parseFloat(angulo) >= parseFloat('337.5') || parseFloat(angulo) < parseFloat('22.5')){
					// Norte
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAcima.gif";
				}else if(parseFloat(angulo) >= parseFloat('22.5') && parseFloat(angulo) < parseFloat('67.5')){
					// Nordeste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAcimaDireita.gif";
				}else if(parseFloat(angulo) >= parseFloat('67.5') && parseFloat(angulo) < parseFloat('112.5')){
					// Leste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaDireita.gif";
				}else if(parseFloat(angulo) >= parseFloat('112.5') && parseFloat(angulo) < parseFloat('157.5')){
					// Sudeste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAbaixoDireita.gif";
				}else if(parseFloat(angulo) >= parseFloat('157.5') && parseFloat(angulo) < parseFloat('202.5')){
					// Sul
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAbaixo.gif";
				}else if(parseFloat(angulo) >= parseFloat('202.5') && parseFloat(angulo) < parseFloat('247.5')){
					// Sudoeste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAbaixoEsquerda.gif";				
				}else if(parseFloat(angulo) >= parseFloat('247.5') && parseFloat(angulo) < parseFloat('292.5')){
					// Oeste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaEsquerda.gif";				
				}else if(parseFloat(angulo) >= parseFloat('292.5') && parseFloat(angulo) < parseFloat('337.5')){
					// Noroeste
					letteredIcon.image = "<%=Support.getStaticPath()%>/images/SetaAcimaEsquerda.gif";			
				}
			}
		}
		//retornando imagem do marcador
		return letteredIcon;
	}

   	function carregarUltimosSinais(){
   		obterObjeto("listaSinaisAjax").innerHTML="Aguarde... atualizando sinais...";
   		popularTable("mapa.do?submit=UltimosSinaisDAF", obterObjeto("listaSinaisAjax"));
		//atualizando ultimos sinais
		//setTimeout("carregarUltimosSinais()", 60000);
   	}		
   	
  	function carregarMapa(codigoDAF){
		document.dafForm.action="<%=Support.getStaticPath()%>mapaGoogle.do";
  		document.dafForm.coddaf.value=codigoDAF;
    	document.dafForm.submit();    		
  	}	   		
	
   	function voltar(){
   		document.dafForm.action="<%=Support.getStaticPath()%>home.do";
	   	document.dafForm.submit();
   	}	
</script>

Outras Localidades:

Dúvidas

Grande São Paulo:

Ver no Mapa

- ">› ')">

- - Veículo em processo de localização pela central de operações">› ')">

Últimos Sinais ( - )

[/code]

Pacato · Outubro 24, 2013, 2:47pm

Consegui assim:

[code]<%@ page language=“java” contentType="text/html; charset=ISO-8859-1"
pageEncoding=“ISO-8859-1”%>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>
<%@page isELIgnored =“false” %>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/functions” prefix=“fn” %>

TESTE2 html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px } #panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; } var directionsDisplay; var directionsService = new google.maps.DirectionsService(); var map;

function createMarker(point,info,map) {
var iconURL = ‘img/pata.png’;
var iconSize = new google.maps.Size(32,34);
var iconOrigin = new google.maps.Point(0,0);
var iconAnchor = new google.maps.Point(15,30);

var myIcon = new google.maps.MarkerImage(iconURL, iconSize, iconOrigin, iconAnchor);

//PARA SETAR IMAGEM DO MARCADOR, DESCOMENTAR		
var marker = new google.maps.Marker({
  position : point,
  html : info,
  map : map,
  icon: myIcon
});

var infowindow = new google.maps.InfoWindow({
    content: "Dispositivo: " + info + "<br> Endereço: " + point
   
});

google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,this);
  });

}

function createMarkerInicio(point,info,map) {
var iconURL = ‘img/casaDog.png’;
var iconSize = new google.maps.Size(50,50);
var iconOrigin = new google.maps.Point(0,0);
var iconAnchor = new google.maps.Point(15,30);

var myIcon = new google.maps.MarkerImage(iconURL, iconSize, iconOrigin, iconAnchor);

var marker = new google.maps.Marker({
  position : point,
  html : info,
  map : map,
  icon: myIcon
});

}

function createMarkerAtual(point,info,map) {
var iconURL = ‘img/dog2.png’;
var iconSize = new google.maps.Size(45,45);
var iconOrigin = new google.maps.Point(0,0);
var iconAnchor = new google.maps.Point(15,30);

var myIcon = new google.maps.MarkerImage(iconURL, iconSize, iconOrigin, iconAnchor);

var marker = new google.maps.Marker({
  position : point,
  html : info,
  map : map,
  icon: myIcon
});

}

function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var chicago = new google.maps.LatLng(-23.521182,-46.63559);
var mapOptions = {
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: chicago
}
map = new google.maps.Map(document.getElementById(‘map-canvas’), mapOptions);
directionsDisplay.setMap(map);
calcRoute();
}

function calcRoute() {
var myTrip=[];
var bounds = new google.maps.LatLngBounds();
/* var start;
var inicio; */
<c:forEach var=“listaCoord” varStatus=“status” items="${listaCoord}">

		var cod = '${listaCoord.codDaf}';
		var lat = '${listaCoord.idLatitude}';
		var lng = '${listaCoord.idLongitude}';

		var pt = new google.maps.LatLng(lat, lng);    
		
		myTrip.push(pt);
		bounds.extend(pt);
		/* Verifica o ponto mais recente */
		/* Verifica o ponto de partida (início) */
		/*Cria ponto*/
		<c:choose>
			<c:when test="${status.first}">
    			//atual = pt;
    			createMarkerAtual(pt,cod,map);
	    	</c:when>
	    	
	    	<c:when test="${status.last}">
    			//inicio = pt;
    			createMarkerInicio(pt,cod,map);
	    	</c:when>
	    	
	        <c:otherwise>
	        	createMarker(pt,cod,map);
	    	</c:otherwise>
		</c:choose>
	      
    </c:forEach>

    var flightPath = new google.maps.Polyline({
    	   path:myTrip,
    	   strokeColor:"#0000FF",
    	   strokeOpacity:0.5,
    	   strokeWeight:4
    	 });

    flightPath.setMap(map);
    map.fitBounds(bounds);

}

google.maps.event.addDomListener(window, ‘load’, initialize);

</script>

<div id="directions_panel" style="margin:20px;background-color:#FFEE77;"></div>
</div>

[/code]

system · Dezembro 30, 2015, 2:56pm

Converter v2 para v3 do googlemaps api [RESOLVIDO]

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI