Question

我有一个java类如下：

package client;

import java.io.IOException;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Test extends Application {
    @Override
    public void start(Stage stage) throws Exception {
        StackPane root = new StackPane();

        WebView view = new WebView();
        WebEngine engine = view.getEngine();
        engine.load(Test.class.getResource("/mapview/leafDani.html").toExternalForm());
        root.getChildren().add(view);

        Scene scene = new Scene(root, 700, 700);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) throws IOException {
        Application.launch(args);
    }
}

我制作的html文件在伦敦加载了一个opnestreetmap中心：

<!DOCTYPE html>

<html>

<head>
    <title>Daniele test map</title>

    <link rel="stylesheet" href="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.css" />

    <script src="https://npmcdn.com/leaflet@1.0.0-rc.3/dist/leaflet.js"></script>

    <style>
        #map {
            width: 700px;
            height:700px;
        }
    </style>

</head>

<body>

<div id="map"></div>

<script>

    function jumpTo(lon, lat, zoom) {

        map.setView(new L.LatLng(lat, lon), zoom);
    }

    var map = L.map('map').setView([51.505, -0.09], 13);

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);


</script>

</body>

</html>

当我启动应用程序时，页面似乎已加载，我可以看到用于放大和缩小的按钮，但地图不会出现或部分显示。如果我用我的浏览器打开html文件是完美的。我使用intellij作为IDE，我甚至试图修改defualt浏览器，但我得到了相同的resoult。有什么建议？

webview不会在javafx上完全加载网页

0 个答案: