google-map component
Integration of google-map component for Vaadin 17
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
Compatibility
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 17This is a integration of "@tadevel/polymer-google-map" and vaadin, this is UI component for google map.