Enhanced Map

Extension of Vaadin Map component that includes geofencing capabilities.

This extension provides the possibility to draw polygons and interact with them.

Vaadin Pro

This component is open source, but a commercial Vaadin subscription is required to use Map in your project. Read more at: Pricing

Sponsored development

Major pieces of development of this add-on has been sponsored by customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

// Set user projection to EPSG:3857
Map.setUserProjection("EPSG:3857");
        
// Define the needed options for the drawing layer (optional)
DrawingLayerOptions options = new DrawingLayerOptions("rgba(0,255,0,0.4)","purple", 3);
                
// Create a map, center viewport on New York using
// coordinates in EPSG:3857 projection
EnhancedMap map = new EnhancedMap(options);

map.setSizeFull();
map.setZoom(5);
map.setCenter(new com.vaadin.flow.component.map.configuration.Coordinate(1238809.9589261413,6044337.659220713));

List<Polygon> polygons = new ArrayList<>();
GeometryFactory factory = new GeometryFactory();    
Polygon polygon = factory.createPolygon(new Coordinate[]{
		new Coordinate(1238809.9589261413,6044337.659220713),
		new Coordinate(838311.4548593741,5478624.1969639165),
		new Coordinate(3299147.79980723,5377107.95485271),
		new Coordinate(1238809.9589261413,6044337.659220713),
		});
polygons.add(polygon);
map.loadPolygons(polygons);
map.setDrawingMode();

Links

• View on GitHub

Compatibility