Google Maps - Mudar a figura

Assuntos Gerais
#21

No html roda normal.

A questao do body estava testando, com um e dois.
O estranho é que eu criei uma outra pagina xhtml sem o primefaces, e mesmo assim nao mostrou o mapa.

#22

[quote=vcsmetallica]No html roda normal.

A questao do body estava testando, com um e dois.
O estranho é que eu criei uma outra pagina xhtml sem o primefaces, e mesmo assim nao mostrou o mapa.

[/quote]

Outros scripts de JS está funcionando?

#23

Pior que esta.
Criei uma funcao para mostrar um alert e funcinou!!!

Att

#24

[quote=vcsmetallica]Pior que esta.
Criei uma funcao para mostrar um alert e funcinou!!!

Att[/quote]

tenta assim, removendo os componentes do JSFail:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Gerenciador de Veículos</title>
        <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
        <link type="text/css" rel="stylesheet" href="dot-luv/skin.css" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
          function initialize() {
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
              zoom: 8,
              center: latlng,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
          }
        </script>
    </h:head>
    <h:body onload="initialize()" >
        
        <div id="map_canvas" ></div>


    </h:body>
</html>
#25

Funcinou.
Vou ver agora com os outros componentes.
Qualquer coisa chamo aqui novamente. Certamente vou postar mais coisas nesse topico.
Mais uma coisa, o que nao entendi é o tal de JSFail?
att

:lol:

#26

Entao, agora eu queria fazer o carrinho andar a medida que vai chegando as coordenadas do equipamento de rastreamento.

Fiz da seguinte maneira e nada

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>Gerenciador de Veículos</title>
        <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
        <link type="text/css" rel="stylesheet" href="dot-luv/skin.css" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
          var map;
          function initialize(latitude, longitude) {
              var myLatlng = new google.maps.LatLng(latitude,longitude);
              var myOptions = {
                zoom: 18,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.SATELLITE
              }
              map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


           }

           function atualizarCarrinho(latitude, longitude){
               alert(map.getBounds());
              var image = '../images/carro_azul.jpg';
              var myLatLng = new google.maps.LatLng(latitude, longitude);
              var beachMarker = new google.maps.Marker({
                  position: myLatLng,
                  map: map,
                  icon: image
              });

              google.maps.event.addListener(map, 'bounds_changed', function() {
                alert(map.getBounds());
              });
           }
        </script>
    </h:head>
    <h:body  onload="initialize(#{rastreamentoControle.latitude},#{rastreamentoControle.longitude})" id="corpo">
        <h:form >
            <p:layout fullPage="true">
                <p:layoutUnit  position="top" height="75" header="Opções" resizable="true" closable="false" collapsible="true">
                    <h:commandButton onclick="atualizarCarrinho(#{rastreamentoControle.latitude},#{rastreamentoControle.longitude})" value="tetse" />
                    <p:poll interval="3" listener="#{rastreamentoControle.teste}" update="corpo" />

                </p:layoutUnit>
                <p:layoutUnit position="left" width="200" header="Veículos" resizable="true" closable="false" collapsible="true">

                </p:layoutUnit>
                <p:layoutUnit position="center" header="Mapa" >
                    <div id="map_canvas" ></div>
                </p:layoutUnit>
                <p:layoutUnit position="right" width="200" header="Informações" resizable="true" closable="false" collapsible="true">
                </p:layoutUnit>
            </p:layout>
        </h:form>
    </h:body>
</html>

Alguma ideia?

#27