Directory

← Back

google-map component

Integration of google-map component for Vaadin 17

Author

Rating

Popularity

100+

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);
    }

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Released
2021-04-29
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 17+
Browser
Firefox
Google Chrome
Microsoft Edge

google-map component - Vaadin Add-on Directory

Integration of google-map component for Vaadin 17 google-map component - Vaadin Add-on Directory
This is a integration of "@tadevel/polymer-google-map" and vaadin, this is UI component for google map.
Online