Dúvida GMaps4JSF

Boa tarde pessoal.

Dúvida 1:
Consegui marcar um ponto no mapa usando GMaps4JSF, com a tag <m:map>, entretando, gostaria de traçar uma rota entre dois endereços usando essa API.
Com javaScript, eu consegui traçar o mapa, mas, não vi nada parecido com a GMpas4JSF.
Alguém já fez isso ???

Dúvida 2:
Como disse, com javaScript eu consegui fazer funcionar, entretanto, só quando eu uso HTML puro, quando estou usando JSF, ele não chama o JS … Alguém sabe pq?
Como faço pra chamar uma função JS em um componente jsf (ou richFaces ou A4J)? Acho que é aí que eu estou pecando, pq, quando faço só com HTML, faço assim:

//efetua a busca, quando usuário clicar no botão
		document.getElementById("trace-route").onclick = function() {
			var fromAddress = document.getElementById("from").value;
			var toAddress = document.getElementById("to").value;
			/*
			"locale":"pt_BR" é necessário ser colocado para forçar uma busca usando os maapas brasileiros
			se não for definido, será usado o padrão da conta do usuário que está usando o browser, o que
			pode provocar erros na busca
			*/
			directions.load(fromAddress + " to " + toAddress, {"locale":"pt_BR"});
			direction.loadFromWaypoints([fromAddress,toAddress],{getPolyline:true,getSteps:true});
		}
		GEvent.addListener(direction,"load", function() {
	        poly=direction.getPolyline();
	        eol=poly.Distance();
	        map.setCenter(poly.getVertex(0),17);
	        map.addOverlay(new GMarker(poly.getVertex(0),G_START_ICON));
	        map.addOverlay(new GMarker(poly.getVertex(poly.getVertexCount()-1),G_END_ICON));
	        marker = new GMarker(poly.getVertex(0),{icon:car});
	        map.addOverlay(marker);
	      });

...
&lt;form action="#" method="post"&gt;
...
&lt;div id="div-trace-route" align="center" style="display:none"&gt;
                            &lt;table&gt;
                                &lt;tr&gt;
                                    &lt;td&gt;&lt;label for="from"&gt;Partida:&lt;/label&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;input type="text" name="from" id="from" /&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr&gt;
                                    &lt;td&gt;&lt;label for="from"&gt;Chegada:&lt;/label&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;input type="text" name="to" id="to" /&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                                &lt;tr&gt;
                                    &lt;td&gt;&nbsp;&lt;/td&gt;
                                    &lt;td&gt;
                                        &lt;input type="button" class="button" id="trace-route" value="traçar rota" /&gt;
                                    &lt;/td&gt;
                                &lt;/tr&gt;

                            &lt;/table&gt;
                        &lt;/div&gt;
...
&lt;/form&gt;

Agora, usando as tags do jsf, não rolou … Será que é por causa do <h:form> ao invez do <form> do html?

Obrigado a todos.

Topicos relacionados