Question

我在Wicket GCircle上有一个GMap3。我希望用户能够在圆圈中以及圆圈外点击地图（添加/删除标记）。问题：据我所知，圆圈上的点击事件不会传播到地图，因为GCircle组件会将圆圈作为叠加层添加到地图中。我想通过从Circle事件处理程序调用Map的click事件处理程序来解决这个问题。

出现了一个奇怪的问题：当圆圈上发生点击事件时，我无法提取光标下方的纬度/经度。这就是我创建圆圈并将事件绑定在其上的方法。：

        GLatLng center = new GLatLng(47.46133874643204, 19.054965020623058);
        LOGGER.debug("Circle center:{}", center);

        // settings of the polygon's circle
        GCircle circle = new GCircle(center, shapeModelObject.getRadius(), "RED", 3, 1f, "", 0).
                setClickable(true).
                setEditable(true).
                setVisible(true).
                setDraggable(true);

        circle.addListener(GEvent.click, new GEventHandler() {
            @Override
            public void onEvent(AjaxRequestTarget target) {
                Request request = getRequest();
                IRequestParameters params = request.getRequestParameters();
                debugParameterValues(params);
                String latLng = params.getParameterValue("overlay.latLng").toString();

                latLng = latLng.substring(1, latLng.length() - 1);
                String[] d = latLng.split(",");
                Double lat = Double.valueOf(d[0].trim());
                Double lng = Double.valueOf(d[1].trim());
                GLatLng gLatLng = new GLatLng(lat, lng);
                LOGGER.debug("Click gLatLng:{}", gLatLng);
            }
        });
        map.addOverlay(circle);

这是日志中的圆心：

Circle center:new google.maps.LatLng(47.46133874643204, 19.054965020623058, false)

这是Ajax请求参数的样子/ debugParameterValues(params); /：

Parameter name=5-1.IBehaviorListener.1-content-form-map-map, value=
Parameter name=id, value=444
Parameter name=argument0, value=[object Object]
Parameter name=overlay.latLng, value=(47.46133874643204, 19.054965020623058)
Parameter name=overlay.radius, value=500
Parameter name=overlay.overlayId, value=overlay831
Parameter name=overlay.event, value=click
Parameter name=center, value=(47.46096156028599, 19.052862168755382)
Parameter name=bounds, value=((47.45225641835252, 19.03792762896046), (47.46966526106453, 19.067796708550304))
Parameter name=zoom, value=15
Parameter name=currentMapType, value=ROADMAP
Parameter name=_, value=1394015901116

这是LOGGER.debug("Click gLatLng:{}", gLatLng);的结果，与圈子中心完全相同，无论用户点击的位置如何：

Click gLatLng:new google.maps.LatLng(47.46133874643204, 19.054965020623058, false)

Wicket版本：

    <dependency>
        <groupId>org.wicketstuff</groupId>
        <artifactId>wicketstuff-gmap3</artifactId>
        <version>6.12.0</version>
    </dependency>

如何在圆圈上发生点击事件时提取光标下方的纬度/经度？感谢

Answer 1

设置z-index将解决原始问题，即圆圈不会阻止点击地图。

circle.setZIndex(1);

Wicket，GMap3，Overlay Click事件，用户点击了哪里？什么是坐标（GLatLng）？

1 个答案: