Javascript 用素数面求多边形区域

我试图找到一个区域的多边形使用素数面。我能够放下标记，创建一个多边形，并将其显示出来。我希望让多边形服从JavaScript geometry API函数调用，但我无法访问已绘制的多边形，因为它是由支持bean创建的。我目前的计划是用两个多边形对象来表示同一个多边形，一个用纯JavaScript，另一个用Google Maps/Prime Faces，但我不确定它是否有效。以下是我到目前为止的情况：

 <p:gmap id="gmap" center="52.561201, -9.256510" zoom="13" type="HYBRID" style="width:100%;height:400px"
                        model="#{map.emptyModel}" onPointClick="handlePointClick(event);" widgetVar="map" />



                <p:dialog widgetVar="dlg" showEffect="fade">
                    <h:form prependId="false">
                        <h:panelGrid columns="2">
                            <h:outputLabel for="title" value="Are you Sure?" />


                            <f:facet name="footer">
                                <p:commandButton value="Yes" actionListener="#{map.addMarker}" update=":messages" oncomplete="markerAddComplete()" />
                                <p:commandButton value="No" onclick="return cancel()" />
                            </f:facet>
                        </h:panelGrid>

                        <h:inputHidden id="lat" value="#{map.lat}" />
                        <h:inputHidden id="lng" value="#{map.lng}" />
                        <h:inputHidden id="area" value="#{map.area}" />
                    </h:form>
                </p:dialog>

                <script type="text/javascript">
                    var currentMarker = null;
                    var markers = [];
                    var path = new google.maps.MVCArray;
                    var poly;
                    function handlePointClick(event) {
                        //if statement handles bean markers and coordinates
                        if (currentMarker === null) {
                            document.getElementById('lat').value = event.latLng.lat();
                            document.getElementById('lng').value = event.latLng.lng();

                            currentMarker = new google.maps.Marker({
                                position: new google.maps.LatLng(event.latLng.lat(), event.latLng.lng())
                            });



                            PF('map').addOverlay(currentMarker);

                            PF('dlg').show();


                        }
                        // javascript to mimic polygon copy
                        path.insertAt(path.length, event.latLng);
                        poly =  new google.maps.Polygon();
                        poly.setPaths(new google.maps.MVCArray([path]));
                        document.getElementById('area').value =  document.getElementById('area').value = google.maps.geometry.spherical.computeArea(measure.polygon.getPath());
                        console.log(path);
                    }

var currentMarker=null；
var标记=[]；
var path=new google.maps.MVCArray；
var-poly；
函数handlePointClick（事件）{
//if语句处理bean标记和坐标
如果（currentMarker==null）{
document.getElementById（'lat'）。value=event.latLng.lat（）；
document.getElementById（'lng'）。value=event.latLng.lng（）；
currentMarker=新的google.maps.Marker({
位置：新的google.maps.LatLng（event.LatLng.lat（），event.LatLng.lng（））
});
PF（'map'）。添加覆盖（currentMarker）；
PF（'dlg'）.show（）；
}
//模仿多边形复制的javascript
path.insertAt（path.length，event.latLng）；
poly=新的google.maps.Polygon（）；
poly.setpath（新的google.maps.MVCArray（[path]）；
document.getElementById（'area'）。value=document.getElementById（'area'）。value=google.maps.geometry.spherec.computeArea（measure.polygon.getPath（））；
console.log（路径）；
}

---

if语句中的所有内容都与位于脚本上方的xhtml代码有关，下面的所有内容都是我试图获取该区域的内容，但它不起作用。如果有人对如何在素数面中实现多边形区域有任何想法，请分享，谢谢。

如果您在应用程序中使用JavaScript，那么只要有一个谷歌地图事件监听器，只要用户单击地图的一部分就可以构建多边形，这可能会更容易，或者，当您使用某种菜单手动输入点时（我认为您已经这样做了）：

此解决方案将要求包括

我没有包含用于显示（或实际制作！）多边形的代码，因为我不确定您希望如何执行该操作。此外，计算多边形的面积时不需要制作多边形

据我所知，PrimeFaces的用法与jQuery类似。尽管如此，我认为使用PrimeFaces检索坐标并不重要，尤其是当Google地图已经更好地支持它时

var polygonCoords = [];

//can be called using forms
function addMarker(lat, lng){ //split apart from google.maps.latLng to make compatible with form
  polygonCoords.push(new google.maps.LatLng(lat, lng));
}

google.maps.event.addListener(map, 'click', function(event){
  addPoint(event.latLng.lat(), event.latLng.lng());
}

function getArea(pts){
  return google.maps.geometry.spherical.computeArea(pts);
}

//to get area do:
getArea(polygonCoords);
//this will return a float of the area