mapjfx-demo

Tracks

Since version 1.4.0 it is possible to display coordinate-lines – or tracks – on the map. The following screenshot shows the demo application with two tracks in different colors and with a different line-thickness:

These objects are created in the demo application by reading two files in csv format containing the coordinates:

// load two coordinate lines
trackMagenta = loadCoordinateLine(getClass().getResource("/M1.csv")).orElse(new CoordinateLine
        ()).setColor(Color.MAGENTA);
trackCyan = loadCoordinateLine(getClass().getResource("/M2.csv")).orElse(new CoordinateLine
        ()).setColor(Color.CYAN).setWidth(7);

The method that is called reads the csv file, splits the lines in two, creates Coordinate Objects and adds them to a list to finally pass this list to the CoordinateLine constructor.

private Optional<CoordinateLine> loadCoordinateLine(URL url) {
    try (
            Stream<String> lines = new BufferedReader(
                    new InputStreamReader(url.openStream(), StandardCharsets.UTF_8)).lines()
    ) {
        return Optional.ofNullable(new CoordinateLine(
                lines.map(line -> line.split(";")).filter(array -> array.length == 2)
                        .map(values -> new Coordinate(Double.valueOf(values[0]), Double.valueOf(values[1])))
                        .collect(Collectors.toList())));
    } catch (IOException | NumberFormatException e) {
        logger.error("load {}", url, e);
    }
    return Optional.empty();
}

CoordinateLine objects have a visibility property that in the demo application is bound to the checkboxes. On change of these properties the demo application zooms the extent so that both tracks are in view.

Polygons

Since version 2.2.0 (1.21.0 for the JDK8 version), CoordinateLines can be set to be closed, so that they are polygons with a fill color. After the draw a polygon checkbox is checked in the left pane, the demo app uses the clicks in the map to build a filled polygon:

When trying this out, after the first click you will see no change, after the second a line and only after the third click a polygon.

The code in the handler for the MAP_CLICKED event just gets the coordinates from the previous polygon, adds the new one and then recreates the polygon (Coordinate lines cannot be modified once their are created in the map:

/**
 * shows a new polygon with the coordinate from the added.
 *
 * @param event
 *         event with coordinates
 */
private void handlePolygonClick(MapViewEvent event) {
    final List<Coordinate> coordinates = new ArrayList<>();
    if (polygonLine != null) {
        polygonLine.getCoordinateStream().forEach(coordinates::add);
        mapView.removeCoordinateLine(polygonLine);
        polygonLine = null;
    }
    coordinates.add(event.getCoordinate());
    polygonLine = new CoordinateLine(coordinates)
            .setColor(Color.DODGERBLUE)
            .setFillColor(Color.web("lawngreen", 0.4))
            .setClosed(true);
    mapView.addCoordinateLine(polygonLine);
    polygonLine.setVisible(true);
}

Like with markers and labels, coordinate lines and polygons are independent from the map style, so you change change the style while displaying them:

Miscellaneous options

In this section on the left side of the demo application there is – at the moment – only one option: the animationDuration. This is a value in milliseconds that is used for animation when the map’s center or zoom is modified using the setCenter(c), setZoom(z) or setExtend(e) calls. It does not change the animation that is used by the OpenLayers map component when the controls in the map are used for zooming. Setting the value to zero switches the animation off.

…continued on the next page

Pages: 1 2 3 4 5 6

32 thoughts on “mapjfx-demo”

rock hyun choi on 20. November 2015 at 10:26 said:

You are just awesome! Thank you!

Reply ↓
- rock hyun choi on 27. November 2015 at 08:31 said:
  
  comment for the first user of javafx scene builder
  user can download scene builder,
  http://gluonhq.com/open-source/scene-builder/
  and who can’t open the DemoApp.fxml
  check the under document, pp. 35 Import JAR
  https://docs.oracle.com/javase/8/scene-builder-2/JSBID.pdf
  
  After importing mapjfx-1.5.0.jar file in scene builder, user can open this DemoApp.fxml
  
  hope It helps for someone.
  Thank you agian
  Peter-Josef Meisch 🙂
  
  Reply ↓
  - P.J. on 27. November 2015 at 20:51 said:
    
    Download link for the last Oracle SceneBuilder: http://www.oracle.com/technetwork/java/javafxscenebuilder-1x-archive-2199384.html
    
    Reply ↓
    - Tobi on 18. March 2019 at 15:45 said:
      
      Don’t know why this is, but to have the MapView available in the Scene Builder, I had to import mapjfx-demo (1.9.0) …
      
      Reply ↓
      - P.J. on 18. March 2019 at 21:44 said:
        
        1.9.0 is pretty old (February 2017).
        I just downloaded SceneBuilder 8.5.0 from https://gluonhq.com/products/scene-builder/ (the Java 8 version), added the actual Java8 version of mapjfx (1.24.3), and there it works
        
        Reply ↓
      - Gredolgor on 4. August 2019 at 18:03 said:
        
        Do the same thing as in the tutorial below just in part where he searches for GMapsFX instead write mapjfx-demo. And you will import MapView.
        
        https://rterp.wordpress.com/2016/10/03/how-to-import-the-gmapsfx-component-into-scenebuilder/
        
        Reply ↓
Pingback: mapjfx 1.7.0 with the ability for caching map data | sothawo
Tursic on 18. March 2017 at 22:01 said:

I can run the demo, can see the markers,etc, but the map does not appear.
Can anyone help me?

Reply ↓
- P.J. on 19. March 2017 at 09:11 said:
  
  Hello,
  
  on which System? Which map type? Do you run software like vpn etc?
  
  The demo has enabled the offline cache for the embedded browser, can you change the line 271 in Controller.java so that the cache is not used, either by putting a comment in front or by changing it to offlineCache.setActive(false);?
  
  When starting the program from the console/terminal, do you see some errors in the output?
  
  greetings
  Peter
  
  Reply ↓
  - Tursic on 20. March 2017 at 11:13 said:
    
    Hello,
    
    thank you for the answer.
    The system is Windows7.
    
    Now,I have tested the demo on another PC, and here I can see the OSM-Map, when starting from console.
    But in Netbeans-IDE, the map still does not appear.
    
    Setting offlineCache to false takes no effect.
    
    Greetings,
    
    Tursic
    
    Reply ↓
    - P.J. on 21. March 2017 at 05:53 said:
      
      any output in the console that shows some errors?
      
      Reply ↓
      - Tursic on 21. March 2017 at 10:38 said:
        
        No errors, just this:
        10:34:44.789 [JavaFX Application Thread] INFO com.sothawo.mapjfx.demo.DemoApp – starting DemoApp
        10:34:44.791 [JavaFX Application Thread] DEBUG com.sothawo.mapjfx.demo.DemoApp – loading fxml file /fxml/DemoApp.fxml
        10:34:45.039 [JavaFX Application Thread] DEBUG com.sothawo.mapjfx.demo.Controller – map type toggled to RadioButton[id=radioMsOSM, styleClass=radio-button]’OSM’
        10:34:45.532 [JavaFX Application Thread] DEBUG com.sothawo.mapjfx.demo.Controller – initialization finished
        10:34:45.858 [JavaFX Application Thread] DEBUG com.sothawo.mapjfx.demo.DemoApp – application start method finished.
        10:34:46.081 [JavaFX Application Thread] DEBUG com.sothawo.mapjfx.demo.Controller – setting center and enabling controls…
        
        On the other PC (with Windows 10) the map still doesn’t appear, even if started from console.
        
        Maybe a performance-problem? The rendering of the map is very slow anyway.
        
        Reply ↓
        
        P.J. on 22. March 2017 at 05:03 said:
        
        strange. When I start the program on Windows the from a console with the command mvn clean package && cd target/mapjfx-demo && ./bin/mapjfx-demo) I get the following output:
        
        04:55:53.545 INFO [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - starting DemoApp 04:55:53.545 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - loading fxml file /fxml/DemoApp.fxml 04:55:53.792 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - begin initialize 04:55:53.797 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - location buttons done 04:55:53.821 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - options and labels done 04:55:53.823 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - map type toggled to RadioButton[id=radioMsOSM, styleClass=radio-button]'OSM' 04:55:53.826 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - map handlers initialized 04:55:53.869 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - marker checks done 04:55:53.879 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - tracks loaded 04:55:53.879 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - tracks checks done 04:55:53.880 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - start map initialization 04:55:53.880 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - initializing... 04:55:53.881 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/mapview.html 04:55:53.885 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/ol/4.0.1/ol.css 04:55:53.886 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/polyfill.js 04:55:53.886 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/ol/4.0.1/ol.js 04:55:53.908 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/mapview.css 04:55:53.909 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading custom mapview css from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-demo-1.12.1.jar!/custom_mapview.css 04:55:53.910 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/functions.js 04:55:53.911 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/MapObject.js 04:55:53.911 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/WMSParams.js 04:55:53.911 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/coordinateline.js 04:55:53.911 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - loading from jar:file:/C:/Users/peter/Entwicklung/mapjfx-demo/target/mapjfx-demo/lib/mapjfx-1.12.2.jar!/mapview.js 04:55:53.985 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - WebView created 04:55:53.986 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - Java Version: 1.8.0_121-b13 04:55:53.986 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - JavaFX Version: 8.0.121-b13 04:55:53.987 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - OS: Windows 10, 10.0, amd64 04:55:53.987 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/602.1 (KHTML, like Gecko) JavaFX/8.0 Safari/602.1 04:55:53.988 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - load html into WebEngine 04:55:54.007 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - WebEngine loader state READY -> SCHEDULED 04:55:54.008 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - WebEngine loader state SCHEDULED -> RUNNING 04:55:54.010 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - initialization finished 04:55:54.010 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - stage loaded 04:55:54.059 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - scene created 04:55:54.060 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - showing scene 04:55:54.500 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.demo.DemoApp - application start method finished. 04:55:54.732 DEBUG [JavaFX Application Thread] com.sothawo.mapjfx.MapView - WebEngine loader state RUNNING -> SUCCEEDED 04:55:54.735 TRACE [JavaFX Application Thread] com.sothawo.mapjfx.demo.Controller - map intialized
        
        That’s a lot more before the Map is shown. Can you use a debugger to step through the Controller.initialize() method?
        
        Reply ↓
Tursic on 22. March 2017 at 16:51 said:

For some reason the logger.trace is not shown im my debug-output.

And when I step into ‘mapView.initialize()’, only the Logger.finer – Method is called.

Reply ↓
Tursic on 23. March 2017 at 14:37 said:

Hello,

is it possible to add markers and labels at runtime?
I have tried it, but only the markers defined in the constructor are visible.

Greetings,
Tursic

Reply ↓
- P.J. on 23. March 2017 at 18:52 said:
  
  Sure it’s possible. You have to take care that you keep a reference of the created markers, otherwise they are immediately garbage-collected.
  
  If for example you add the following property to the Controller class:
  
  private Map<String, Marker> markersCreatedOnClick = new HashMap<>();
  
  and add this code in the event handler initializer:
  
  mapView.addEventHandler(MapViewEvent.MAP_CLICKED, event -> { final Marker marker = Marker.createProvided(Marker.Provided.ORANGE) .setPosition(event.getCoordinate()) .setVisible(true); mapView.addMarker(marker); markersCreatedOnClick.put(marker.getId(), marker); }); mapView.addEventHandler(MarkerEvent.MARKER_CLICKED, event -> { event.consume(); Marker marker = markersCreatedOnClick.remove(event.getMarker().getId()); if (null != marker) { mapView.removeMarker(marker); } });
  
  then with every click you will add a new marker and clicking on the marker will remove it again.
  
  Reply ↓
  - Tursic on 23. March 2017 at 21:28 said:
    
    Thank you very much.
    
    On my development-PC it works now fine (except from the missing map when started in the IDE, but that would be ok), but unfortunately on every other PC I tested, the map does not appear at all.
    
    Could it be the WMSParam-Urls?
    
    It looks like the map is loaded somehow, because the markers appear and I can move and zoom, only the map itself is missing, there is only a grey background.
    
    Reply ↓
    - tursic on 24. March 2017 at 11:56 said:
      
      Now i found out:
      The problem appears, when ‘jdk’ is used. When using ‘jre’, it works.
      
      Reply ↓
      - Ser on 23. July 2017 at 11:09 said:
        
        Hello everyone I had the same issue when the map was not showing in the demo app even though cache was disabled.
        
        The fix was that I adjusted the Java version to instead using an old JRE 1.8.0_66 to use a new JDK 1.8.0_121.
        
        Then the map was shown correctly.
        
        Reply ↓
Devic on 13. July 2017 at 11:05 said:

Hello,
is it posible to use map in JFXPanel of Swing application, i see only zoom in/out after calling initialize(). But no map?
I have set mapType to OSM.
Thanks for answer

Reply ↓
- P.J. on 13. July 2017 at 15:09 said:
  
  Does the mapjfx-demo application work on your system? I am just asking to make sure that there is no problem in the combination of OS, Java version with mapjfx component. Please check this.
  
  Reply ↓
Chris on 9. February 2018 at 18:02 said:

Hello,

The map is not displaying for me. All I can see are zoom buttons, but none of the map layers.

I’m running Java 8 on Windows 10 with 1.15. Any ideas?

Reply ↓
- P.J. on 9. February 2018 at 19:23 said:
  
  Hello Chris,
  which version of Java? JDK or JRE? At the moment when running this on 1.8.0_162 on OSX the loading of the map tiles was quite slow, but now it’s working here.
  
  There is an open issue (https://github.com/sothawo/mapjfx/issues/29) where I am investigating a similar problem, but I have no solution for that. Is this only happening for the OSM map? The WMS Gis Landsat server seems not to be available anymore, but can you try the WMS world food programme map and zoom out to level 3? This should give you a grey map with some darker grey boundaries especially in Africa and the middle east.
  
  You can sign up for a Bing Maps API key, that does not cost anything for up to 125.000 calls a year. At least that what give you the possibility to check if this map type is working.
  
  Reply ↓
  - Chris on 20. April 2018 at 20:12 said:
    
    P.J.,
    
    I’m running 1.8.0_161. I’ve tried all the map layers and none of them display for me.
    
    I also tried switching to Java 10, but still didn’t work. Has this been solved yet?
    
    Thanks
    
    Reply ↓
    - Chris on 20. April 2018 at 20:13 said:
      
      Also, I tried both JRE and JDK.
      
      Reply ↓
      - Chris on 20. April 2018 at 20:29 said:
        
        Here is an image of what I’m looking at: https://ibb.co/dTgzHS
        
        Reply ↓
        
        P.J. on 21. April 2018 at 08:41 said:
        
        Hi Chris, thanks for the info.
        
        Alas as far as I found out, this is a problem which is caused by something in the underlying WebKit implementation (see the analysis in https://github.com/sothawo/mapjfx/issues/29 and my test with a plain example from the OpenLayers webiste https://www.sothawo.com/2018/02/mapjfx-problems/).
        
        I just tried with the new 1.8_172 and there with the mapjfx-demo app I have only parts loading.
        
        So at the moment I do not know how to fix this.
        
        Reply ↓
      - Chris on 23. April 2018 at 16:03 said:
        
        Np, thank you for looking in to this.
        
        Reply ↓
Julio on 15. April 2018 at 23:19 said:

Very interesting and useful code!!!

Can you explain how can i use “stamen watercolor” type map ?

Thank you in advanced.

Reply ↓
- P.J. on 16. April 2018 at 11:23 said:
  
  in the demo app by selecting ‘map style’ on the left and then the ‘Stamen Watercolor” radio button.
  But as this is a OpenStreetmap map as wellm you might run into the problems with the mpa tiles not properly loading; see the blog posts and jira issues for more details.
  
  Reply ↓
Tony on 25. May 2018 at 02:44 said:

Is it possible to use this library in an offline application? We currently have a swing based application which renders a map and various layers using OpenMap and all our data is stored locally. Plus OpenMap supports a bunch of mapping standards like VMAP and DTED. Does your library support something like those or would we have to write something?

Reply ↓
- P.J. on 25. May 2018 at 17:15 said:
  
  as written here (https://www.sothawo.com/projects/mapjfx-demo/6/) there is an offline caching mode which caches the tiles during an online session, so they are available later even when offline.
  
  **But**: this will not work from probably Java 11 on, as I need to use some reflection to get this working which will not be allowed in Java versions to come
  
  Reply ↓

sothawo

software: ( design | development | knowledge )

mapjfx-demo

Tracks

Polygons

Miscellaneous options

32 thoughts on “mapjfx-demo”

Leave a Reply Cancel reply