Defines an icon for a hylo-map-location tag.

In a leaflet map you can set the width and height in CSS. Provide empty strings in this case.

The icon gets centered around the location. In a leaflet map you can change this by setting negative margins or translations in CSS.

If you provide a link or any other interactive element in a hylo-map-icon (with "div" property) for a leaflet map, you have to add the event listeners to the hylo-map or one of its ancestors since the content of the hylo-map-icon gets cloned and the clones loose the connection to any attached event listeners.

Properties

div: boolean

If set, a div will be created instead of an icon. Containing code will be placed inside the div.

"url" will be ignored.

Only available for hylo-leaflet-maps component.

height: string

The height of the icon as number. Has to be set to place the icon center correctly. In a leaflet map you can set the height in CSS. Provide an empty string in this case.

iconClass: string

Class added to the icon.

Only available for hylo-leaflet-maps component.

url: string

The url of the icon. For hylo-google-maps it needs to be reachable from the internet and can not be relative.

width: string

The width of the icon as number. Has to be set to place the icon center correctly. In a leaflet map you can set the width in CSS. Provide an empty string in this case.

Generated using TypeDoc