google-map component

Integration of google-map component for Vaadin 17

View larger

Close

This is a integration of "@tadevel/polymer-google-map" and vaadin, this is UI component for google map.

Sample code

    public DemoView()
    {
        FlexLayout div = new FlexLayout();
        div.getStyle().set("flex-direction", "column");
        div.setWidth("40em");
        div.setHeight("40em");
        div.add(new Label("Vaadin google map"));     
        
        GoogleMapMarker marker1 =
        new GoogleMapMarkerBuilder(37.78d, -122.4d)
        .withAnimation(Animation.DROP)
        .withContentText("Rua legal, 46")
        .withDraggable(true)
        .build();

        GoogleMapMarker marker2 =
        new GoogleMapMarkerBuilder(50d, 10d)
        .withAnimation(Animation.DROP)
        .withContentText("Rua firmeza, 49")
        .withDraggable(true)
        .build();
        GoogleMap map = new GoogleMap("API-KEY", marker2, marker1);
        map.setZoom(7);
        map.setFitToMarkers(true);
        div.add(map);

        add(div);
    }

Links

• View on GitHub

Compatibility