PrimeFaces Extensions Showcase

OpenStreetMap

OpenStreetMap is a component allows you to embed an OpenStreetMap into your page. OpenStreetMap is a map of the world, created by people like you and free to use under an open license.

Based on Leaflet JS by Volodymyr Agafonkin.

Use Cases

Documentation pe:osmap

Attributes (move mouse over the names to see data types)

Name	Description
attribution	Attribution text for the tile layer.
binding	An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
center	Center of the map as 'lat,lng'.
draggable	Whether the map is draggable.Default is true.
fullScreen	Whether full screen control is shown.Default is true.
id	Unique identifier of the component in a namingContainer.Default is generated.
loadingControl	Whether loading control is shown.Default is true.
model	Map model with markers, polylines, polygons, etc.
onPointClick	Client-side script to run when a point is clicked.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
scrollWheel	Whether scroll wheel zoom is enabled.Default is true.
style	Inline style of the component.
styleClass	Style class of the component.
tileUrl	URL template for map tiles.
widgetVar	Client-side widget variable name.
zoom	Initial zoom level.Default is 8.
zoomControl	Whether zoom control is shown.Default is true.