2

私はリアルタイムの車両追跡プロジェクトに取り組んでいます。

6秒ごとに車両の位置を取得しており、毎回静的変数に緯度と経度を保存しています。

ajaxを使用して場所を変更した後、移動中の車両をGoogleマップに表示したい。
私は次のようにコードを書きました：

  <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://code.google.com/p/gmaps4jsf/" prefix="m"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<META HTTP-EQUIV=" " CONTENT="6">
<title>Insert title here</title>

<script
src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAtRLgopSfFn_inKV4Mb4dwRQrh986W3YN5ROngdOVRv-81htxfBSHsTcVUm4HRkCt9bSp5mP_3_snrw"
type="text/javascript">
</script>

</head>

<body>

<f:view>
    <h:form id="aaaa">
        <h:panelGrid columns="2">
            <m:map id="mp" width="500px" height="500px" latitude="  #{mp3.lat} "
                longitude=" #{mp3.lon}" zoom="15">
                <m:mapControl name="GMapTypeControl" />
                <m:mapControl name="GLargeMapControl"
                    position="G_ANCHOR_BOTTOM_RIGHT" />

                <m:marker id="m" latitude="  #{mp3.lat} " longitude=" #{mp3.lon}">

    <m:htmlInformationWindow htmlText="Start<br>  " />

               <a4j:support event="onchange" action="  " reRender="m"></a4j:support>

                </m:marker>
            </m:map>
        </h:panelGrid>
        <h:commandButton value="Start" action="#{mp3.meth}" />
        <h:commandButton value="Path Map" action="pathmp" />
    </h:form>

</f:view>
</body>
</html>

私の質問は、すべてのページをリロードせずに ajax a4j を使用して Google マップ上で車両マーカーを移動する方法です。

私が使用したテクノロジーは
- jsf
- richfaces
- a4j
- javaBean

ありがとう

4

0 に答える 0