Question

在地图点执行popup window时是否可以显示onclick()，并且当您正确更改缩放位置时，是否有人成功了？使用过的库是胶子maps。

我想在点击某个mappoint时显示一个工具提示，当我更改缩放时，mappoint会移动到正确的位置，在示例中它在缩放时不会定位。

MapPoint point = candidate.getKey();
Node icon = candidate.getValue();
Point2D mapPoint = baseMap.getMapPoint(point.getLatitude(), point.getLongitude());
icon.setVisible(true);
icon.setTranslateX(mapPoint.getX());
icon.setTranslateY(mapPoint.getY());
final Tooltip tp=new Tooltip();
icon.setOnMouseClicked(new EventHandler<MouseEvent>() {
     @Override
     public void handle(MouseEvent t) {
         tp.setText("Pruebas");
         com.sun.glass.ui.Robot robot = com.sun.glass.ui.Application
                    .GetApplication().createRobot();
         tp.show(icon, robot.getMouseX() + 10,
                    robot.getMouseY() + 10);
        }
    });
    icon.setOnMouseExited(new EventHandler<MouseEvent>() {
         @Override
         public void handle(MouseEvent t) {

            //tp.hide();
        }
    });

改变位置工具提示是否可行，如点，缩放时位置点会改变？有人尝试过吗？

Answer 1

由于您在Gluon Map的演示版package中引用了PoiLayer类，因此您可以轻松地将其修改为：

当您点击地图的一个位置时，相应地更新图标位置，而不需要缩放更新。
在您的图标上显示工具提示。

只需将此方法添加到PoiLayer即可将给定点更新为新的lat和lon坐标：

public void updatePoint(MapPoint p, double lat, double lon) {
    for (Pair<MapPoint, Node> candidate : points) {
        MapPoint point = candidate.getKey();
        if (point.equals(p)) {
            p.update(lat, lon);
            markDirty();
            break;
        }
    }
}

请注意对markDirty()的调用，这将强制布局通过并更新图标位置。

如果您在图标中添加Tooltip，则无需更新其位置：

private MapPoint mapPointIcon;

private PoiLayer createDemoLayer() {
    PoiLayer answer = new PoiLayer();
    Node icon = new Circle(7, Color.BLUE);
    Tooltip.install(icon, new Tooltip("Pruebas"));
    mapPointIcon = new MapPoint(40.4, -3.7);
    answer.addPoint(mapPointIcon, icon);

    return answer;
}

唯一缺少的部分是从场景中获取纬度和经度坐标。这个question涵盖了这一点。

因此，基于它，您可以将此方法添加到PoiLayer类：

public MapPoint getMapPosition(double x, double y) {
    double z = baseMap.zoom().get();
    double latrad = Math.PI - (2 * Math.PI * (y - baseMap.getTranslateY())) / (Math.pow(2, z) * 256.0);
    double mlat = Math.toDegrees(Math.atan(Math.sinh(latrad)));
    double mlon = (x - this.baseMap.getTranslateX()) / (256.0 * Math.pow(2, z)) * 360.0 - 180.0;
    return new MapPoint(mlat, mlon);
}

最后，在视图中添加一个监听器：

@Override
public void start(Stage stage) throws Exception {
    MapView view = new MapView();
    PoiLayer myDemoLayer = createDemoLayer();
    view.setZoom(4); 
    view.addLayer(myDemoLayer);
    Scene scene = new Scene(view, 600, 700);
    stage.setScene(scene);
    stage.show();

    view.flyTo(0, mapPointIcon, 1.);

    view.setOnMouseClicked(e -> {
        MapPoint position = myDemoLayer.getMapPosition(e.getX(), e.getY());
        myDemoLayer.updatePoint(mapPointIcon, position.getLatitude(), position.getLongitude());
    });
}

这样可以正常工作，但是如果你有一个包含多个点的图层，你需要一种方法来选择你想要移动的点。

修改

基于具有永久弹出窗口而不是工具提示的OP请求，这是一个非常简单的弹出窗口实现。为了获得更好的解决方案，建议使用ControlsFX PopOver控件。

这可以添加到PoiLayer类：

public void addPoint(MapPoint p, Node icon) { final Pair<MapPoint, Node> pair = new Pair(p, icon); icon.setOnMouseClicked(e -> { e.consume(); showPopup(pair); }); points.add(pair); this.getChildren().add(icon); this.markDirty(); } private void showPopup(Pair<MapPoint, Node> pair) { Node icon = pair.getValue(); MapPoint point = pair.getKey(); final Stage primaryStage = (Stage) icon.getScene().getWindow(); final Stage popupStage = new Stage(); popupStage.initStyle(StageStyle.UNDECORATED); popupStage.initModality(Modality.APPLICATION_MODAL); popupStage.initOwner(primaryStage); VBox box = new VBox(5); box.setPadding(new Insets(5)); box.getChildren().addAll(new Label("Popup"), new Label("Lat: " + String.format("%2.6fº", point.getLatitude())), new Label("Lon: " + String.format("%2.6fº", point.getLongitude()))); Label close = new Label("X"); close.setOnMouseClicked(a -> popupStage.close()); StackPane.setAlignment(close, Pos.TOP_RIGHT); final StackPane stackPane = new StackPane(box, close); stackPane.setPadding(new Insets(5)); stackPane.setStyle("-fx-background-color: lightgreen;"); Scene scene = new Scene(stackPane, 150, 100); Bounds iconBounds = icon.localToScene(icon.getBoundsInLocal()); popupStage.setX(primaryStage.getX() + primaryStage.getScene().getX() + iconBounds.getMaxX() ); popupStage.setY(primaryStage.getY() + primaryStage.getScene().getY() + iconBounds.getMaxY()); popupStage.setScene(scene); popupStage.show(); }

每当您点击图标时，都会显示一个模态弹出窗口（您需要在返回地图之前将其关闭）。当然，这可以改变为具有非模态和自动关闭的弹出窗口。

在Gluon Maps上显示工具提示onLlick MapPoint

1 个答案: