HERE Maps API for JavaScript - API Reference: Class: Icon

Feedback

Index
- H
- H.clustering
  - Interfaces
- H.data
- H.data.geojson
- H.data.heatmap
  - Interfaces
    - IDataPoint
- H.data.kml
- H.geo
  - Members
    - mercator
  - Typedefs
  - Interfaces
    - IPoint
    - IProjection
  - Methods
    - isDBC
- H.lang
- H.map
  - Interfaces
- H.map.layer
  - Interfaces
- H.map.provider
- H.map.render
  - Members
    - RenderState
  - Typedefs
    - RenderingParams
  - Interfaces
    - ICapabilities
- H.map.render.harp
- H.map.render.p2d
- H.map.render.webgl
  - Typedefs
    - StyleConfig
- H.mapevents
- H.math
  - Typedefs
    - BitMask
    - Range
  - Interfaces
    - IPoint
    - ISize
- H.service
  - Typedefs
- H.service.extension
  - Typedefs
    - RowFilter
- H.service.extension.customLocation
  - Members
    - Permission
    - Storage
  - Typedefs
- H.service.extension.customRoute
- H.service.extension.dataView
  - Interfaces
- H.service.extension.geofencing
- H.service.extension.platformData
  - Typedefs
    - LayerConfig
    - Table
- H.service.iml
- H.service.metaInfo
- H.service.omv
- H.service.publicTransit
- H.service.rasterTile
- H.service.traffic
- H.service.traffic.flow
- H.service.traffic.incidents
- H.service.trafficVectorTile
- H.ui
  - Members
    - LayoutAlignment
    - UnitSystem
- H.ui.base
- H.ui.i18n
  - Members
    - defaultLocales
- H.util
  - Interfaces
- H.util.animation
  - Interfaces
    - IAnimatable
- H.util.animation.ease
  - Methods
- H.util.flexiblePolyline
  - Typedefs
    - Data
  - Methods
    - decode
    - encode
- H.util.kinetics
  - Interfaces
    - IKinetics
- H.util.wkt
  - Methods
    - toGeometry
- H.venues
- H.venues.ui
- H.clustering.DataPoint
  - Members
    - alt
    - data
    - lat
    - lng
    - wt
- H.clustering.Provider
  - Members
    - Strategy
    - max
    - min
    - uid
    - uri
  - Typedefs
  - Methods
  - Events
    - update
- H.data.AbstractReader
  - Members
    - State
  - Methods
  - Events
    - statechange
- H.data.AbstractReader.Event
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.data.geojson.Reader
  - Typedefs
    - Options
  - Methods
  - Events
    - statechange
- H.data.heatmap.Colors
  - Members
    - DEFAULT
- H.data.heatmap.Provider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.data.kml.Reader
  - Methods
  - Events
    - statechange
- H.geo.AbstractGeometry
  - Methods
- H.geo.LineString
  - Methods
- H.geo.MultiGeometry
  - Methods
- H.geo.MultiLineString
  - Methods
- H.geo.MultiPoint
  - Methods
- H.geo.MultiPolygon
  - Methods
- H.geo.PixelProjection
  - Members
    - h
    - projection
    - w
    - x
    - y
  - Methods
- H.geo.Point
  - Members
    - alt
    - lat
    - lng
  - Methods
- H.geo.Polygon
  - Members
    - Direction
  - Methods
- H.geo.Rect
  - Methods
- H.lang.IllegalOperationError
- H.lang.InvalidArgumentError
- H.lang.OutOfRangeError
- H.Map
  - Members
  - Typedefs
  - Methods
  - Events
- H.map.AbstractMarker
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.ArrowStyle
  - Typedefs
    - Options
  - Methods
    - equals
- H.map.ChangeEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.map.Circle
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.DataModel
  - Methods
  - Events
    - add
    - move
    - remove
    - set
- H.map.DomIcon
  - Typedefs
    - Options
- H.map.DomMarker
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.Feature
  - Methods
- H.map.GeoShape
  - Members
    - draggable
  - Methods
- H.map.Group
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.HitArea
  - Members
    - ShapeType
- H.map.Icon
  - Members
    - State
  - Typedefs
    - Options
  - Methods
  - Events
    - statechange
- H.map.Imprint
  - Typedefs
    - Options
  - Methods
- H.map.layer.BaseTileLayer
  - Members
  - Methods
  - Events
    - update
- H.map.layer.CanvasLayer
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.layer.DomLayer
  - Members
  - Methods
  - Events
    - update
- H.map.layer.Layer
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.layer.MarkerTileLayer
  - Members
  - Methods
  - Events
    - update
- H.map.layer.ObjectLayer
  - Members
  - Typedefs
    - Options
    - OverlaysResponse
  - Methods
  - Events
    - update
- H.map.layer.TileLayer
  - Members
  - Methods
  - Events
    - update
- H.map.Marker
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.Object
  - Members
    - Type
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.Overlay
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.Polygon
  - Members
    - MAX_EXTRUDE_HEIGHT
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.Polyline
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.provider.ImageTileProvider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.provider.Invalidations
  - Members
    - Flag
    - MARK_INITIAL
  - Typedefs
    - Mark
  - Methods
- H.map.provider.LocalObjectProvider
  - Members
    - max
    - min
    - uid
    - uri
  - Typedefs
    - GetObjectsWithinOptions
  - Methods
  - Events
    - update
- H.map.provider.MarkerTileProvider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.provider.ObjectProvider
  - Members
    - max
    - min
    - uid
    - uri
  - Methods
  - Events
    - update
- H.map.provider.Provider
  - Members
    - max
    - min
    - uid
    - uri
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.provider.RemoteTileProvider
  - Members
    - max
    - min
    - tileSize
    - uid
    - uri
  - Methods
  - Events
    - update
- H.map.provider.Tile
  - Members
    - data
    - key
    - valid
    - x
    - y
    - z
- H.map.provider.TileProvider
  - Members
    - max
    - min
    - tileSize
    - uid
    - uri
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.map.Rect
  - Members
    - draggable
  - Typedefs
    - Options
  - Methods
- H.map.render.harp.Style
  - Methods
  - Events
    - change
    - error
- H.map.render.p2d.RenderEngine
  - Typedefs
    - Options
  - Methods
  - Events
    - render
- H.map.render.RenderEngine
  - Members
    - InteractionModifiers
  - Typedefs
    - Options
  - Methods
  - Events
    - render
- H.map.render.Style
  - Members
    - State
  - Methods
  - Events
    - change
    - error
- H.map.render.webgl.RenderEngine
  - Typedefs
    - Options
  - Methods
  - Events
    - render
- H.map.render.webgl.Style
  - Methods
  - Events
    - change
    - error
- H.map.Spatial
  - Members
    - draggable
  - Typedefs
    - Label
    - Options
  - Methods
- H.map.SpatialStyle
  - Members
  - Typedefs
  - Methods
    - equals
    - getCopy
- H.map.Style
  - Members
    - State
- H.map.ViewModel
  - Typedefs
    - ILookAtData
  - Methods
- H.map.ViewPort
  - Members
  - Typedefs
    - Options
    - Padding
  - Methods
  - Events
    - sync
    - update
- H.mapevents.Behavior
  - Members
    - Feature
  - Typedefs
    - Options
  - Methods
- H.mapevents.ContextMenuEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.mapevents.Event
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.mapevents.MapEvents
  - Methods
  - Events
- H.mapevents.Pointer
  - Members
  - Typedefs
    - Buttons
- H.mapevents.WheelEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.math.Point
  - Members
    - x
    - y
  - Methods
- H.math.Rect
  - Members
  - Methods
- H.math.Size
  - Members
    - h
    - w
- H.service.extension.customLocation.Service
  - Members
  - Methods
- H.service.extension.customLocation.Table
  - Methods
- H.service.extension.customLocation.Table.Column
  - Methods
    - getCell
    - setCell
- H.service.extension.customLocation.Table.Row
  - Methods
- H.service.extension.customLocation.TileProvider
  - Members
    - max
    - min
    - tileSize
    - uid
    - uri
  - Methods
  - Events
    - error
    - update
- H.service.extension.customRoute.Service
  - Members
    - CONFIG_KEY
  - Methods
- H.service.extension.geofencing.Service
  - Members
    - CONFIG_KEY
    - EntryPoint
  - Methods
- H.service.extension.platformData.Service
  - Members
  - Methods
- H.service.extension.platformData.TileProvider
  - Members
  - Methods
  - Events
    - error
    - update
- H.service.extension.TileProvider
  - Members
  - Typedefs
    - Options
    - StyleCallback
  - Methods
  - Events
    - error
    - update
- H.service.GeocodingService
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
- H.service.GeofencingService
  - Members
    - CONFIG_KEY
  - Methods
- H.service.iml.Provider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.service.iml.Service
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
- H.service.MapTileService
  - Members
    - CONFIG_KEY
    - getInfo
  - Typedefs
    - Info
    - Options
  - Methods
  - Events
- H.service.metaInfo.Service
  - Members
    - CONFIG_KEY
    - getInfo
  - Typedefs
    - Info
    - Options
  - Methods
  - Events
- H.service.metaInfo.TileProvider
  - Members
    - max
    - min
    - tileSize
    - uid
    - uri
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.service.omv.Provider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.service.omv.Service
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
  - Events
    - copyrightupdate
- H.service.PlacesService
  - Members
    - CONFIG_KEY
    - EntryPoint
  - Methods
- H.service.Platform
  - Typedefs
    - DefaultLayersOptions
    - Options
  - Methods
- H.service.publicTransit.Service
  - Members
    - CONFIG_KEY
  - Methods
- H.service.rasterTile.Provider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.service.rasterTile.Service
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
- H.service.RoutingService
  - Members
    - CONFIG_KEY
  - Methods
- H.service.RoutingService8
  - Members
    - CONFIG_KEY
  - Methods
- H.service.SearchService
  - Members
    - CONFIG_KEY
  - Methods
- H.service.Service
  - Methods
- H.service.traffic.flow.Provider
  - Members
  - Methods
  - Events
    - update
- H.service.traffic.incidents.Provider
  - Members
  - Methods
  - Events
    - update
- H.service.traffic.Service
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
- H.service.traffic.Service7
  - Members
    - CONFIG_KEY
  - Methods
- H.service.trafficVectorTile.Provider
  - Members
  - Typedefs
    - Options
  - Methods
  - Events
    - update
- H.service.trafficVectorTile.Service
  - Members
    - CONFIG_KEY
  - Typedefs
    - Options
  - Methods
- H.service.Url
  - Methods
- H.service.Url.DelimitedQuerySubValues
- H.service.Url.MultiValueQueryParameter
  - Methods
    - getValues
- H.service.WaypointsSequenceService
  - Members
    - CONFIG_KEY
  - Methods
- H.ui.base.Button
  - Members
    - State
  - Typedefs
    - Options
  - Methods
  - Events
    - statechange
- H.ui.base.Container
  - Methods
- H.ui.base.Element
  - Methods
- H.ui.base.OverlayPanel
  - Members
    - State
  - Methods
- H.ui.base.PushButton
  - Methods
  - Events
    - statechange
- H.ui.base.RadioGroup
  - Typedefs
    - Options
  - Methods
  - Events
    - activebuttonchange
    - statechange
- H.ui.Control
  - Methods
  - Events
    - alignmentchange
- H.ui.DistanceMeasurement
  - Typedefs
    - Options
  - Methods
  - Events
    - alignmentchange
- H.ui.i18n.Localization
  - Methods
- H.ui.InfoBubble
  - Members
    - State
  - Typedefs
    - Options
  - Methods
  - Events
    - statechange
- H.ui.MapSettingsControl
  - Typedefs
    - Entry
    - Options
  - Methods
  - Events
    - alignmentchange
- H.ui.Overview
  - Typedefs
    - Options
  - Methods
  - Events
    - alignmentchange
- H.ui.ScaleBar
  - Typedefs
    - Options
  - Methods
  - Events
    - alignmentchange
    - toggleunitsystem
- H.ui.UI
  - Typedefs
    - Options
  - Methods
- H.ui.ZoomControl
  - Typedefs
    - Options
  - Methods
  - Events
    - alignmentchange
- H.ui.ZoomRectangle
  - Typedefs
    - Options
  - Methods
  - Events
    - alignmentchange
- H.util.AsyncQueue
  - Interfaces
    - Mode
  - Methods
    - push
- H.util.AsyncQueue.Task
  - Methods
- H.util.Cache
  - Methods
- H.util.ChangeEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.util.CharStream
- H.util.ContextItem
  - Members
    - SEPARATOR
  - Typedefs
    - Options
  - Methods
- H.util.DataEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.util.Disposable
  - Methods
- H.util.ErrorEvent
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.util.Event
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.util.EventTarget
  - Methods
- H.util.OList
  - Methods
  - Events
    - add
    - move
    - remove
    - set
- H.util.OList.Event
  - Members
  - Methods
    - preventDefault
    - stopPropagation
- H.util.Request
  - Members
    - State
  - Methods
- H.venues.Drawing
  - Methods
- H.venues.Geometry
  - Methods
- H.venues.Level
  - Methods
- H.venues.Provider
  - Members
    - max
    - min
    - tileSize
    - uid
    - uri
  - Methods
  - Events
    - update
- H.venues.Route
  - Members
    - ObjectType
  - Methods
    - getIndoorObjects
    - getOutdoorObjects
- H.venues.Service
  - Members
    - CONFIG_KEY
  - Typedefs
  - Methods
    - calculateRoute
    - loadVenue
- H.venues.Service2
  - Members
    - CONFIG_KEY
    - LABEL_TEXT_PREFERENCE_OVERRIDE
  - Typedefs
    - Options
  - Methods
    - getMapInfoList
    - loadVenue
- H.venues.ui.DrawingControl
  - Methods
    - setVenue
- H.venues.ui.LevelControl
  - Methods
    - setVenue
- H.venues.Venue
  - Members
    - EVENTS
  - Methods

HomeHERE Maps API for JavaScript - API Reference...IndexClass: Icon

Table of Contents

Class: Icon

Feedback

Last UpdatedMay 21, 2025
3 minute read

H .map.Icon

new H.map.Icon (bitmap, opt_options)

A visual representation of the H.map.Marker.

Name	Type	Description
`bitmap`	string \| HTMLImageElement \| HTMLCanvasElement	An image URL, an SVG (string), an bitmap image or a canvas.
`opt_options`	H.map.Icon.Options	optional an object containing icon initialization attributes such as width and height, etc.

Throws:

if size, anchor or hitArea is specified with invalid type or values
Type H.lang.InvalidArgumentError

Extends

H.util.EventTarget

Members

H.map.Icon.State static

The state types of an Icon

Properties:

Search:

Name	Description
`ERROR`
`LOADING`
`READY`

Methods

addEventListener (type, handler, opt_capture, opt_scope) inherited

This method adds a listener for a specific event.

Note that to prevent potential memory leaks, you must either call removeEventListener or dispose on the given object when you no longer need it.

Search:

Name	Type	Description
`type`	string	The name of the event
`handler`	function	An event handler function
`opt_capture`	boolean	optional `true` indicates that the method should listen in the capture phase (bubble otherwise)
`opt_scope`	Object	optional An object defining the scope for the handler function

addOnDisposeCallback (callback, opt_scope) inherited

This method adds a callback which is triggered when the EventTarget object is being disposed.

Name	Type	Description
`callback`	function	The callback function.
`opt_scope`	Object	optional An optional scope for the callback function

dispatchEvent (evt) inherited

This method dispatches an event on the EventTarget object.

Name	Type	Description
`evt`	H.util.Event \| string	An object representing the event or a string with the event name

dispose () inherited

This method removes listeners from the given object. Classes that extend EventTarget may need to override this method in order to remove references to DOM Elements and additional listeners.

getAnchor ()H.math.Point

Retrieves the anchor point of the given icon or null if an anchor was not specified in the constructor options and the state of this icon is not H.map.Icon.State.READY.

Returns:

Type	Description
H.math.Point

getBitmap ()HTMLImageElement | HTMLCanvasElement

Retrieves the bitmap of the give icon or null if the bitmap is not yet ready (see H.map.Icon#getState)

Returns:

Type	Description
HTMLImageElement \| HTMLCanvasElement

getHitArea ()H.map.HitArea

Retrieves the hit area of the icon.

Returns:

Type	Description
H.map.HitArea	The the hit area of the icon or null if no hit area is specified.

getSize ()H.math.Size

Retrieves the size of the given icon or null if a size was not specified in the constructor options and the state of the icon is not H.map.Icon.State.READY

Returns:

Type	Description
H.math.Size

getState ()H.map.Icon.State

Retrieves the bitmap loading state of the given icon object.

Returns:

Type	Description
H.map.Icon.State	A value indicating the icon loading state.

removeEventListener (type, handler, opt_capture, opt_scope) inherited

This method removes a previously added listener from the EventTarget instance.

Search:

Name	Type	Description
`type`	string	The name of the event
`handler`	function	A previously added event handler
`opt_capture`	boolean	optional `true` indicates that the method should listen in the capture phase (bubble otherwise)
`opt_scope`	Object	optional An object defining the scope for the handler function

Type Definitions

H.map.Icon.Options Object

Options used to initialize an Icon object.

Properties:

Search:

Name	Type	Argument	Description
`size`	H.math.ISize	<optional>	The size in pixels of the icon, the default is the natural size of the bitmap.
`anchor`	H.math.IPoint	<optional>	The anchor point in pixels, the default is `bottom-center`.
`hitArea`	H.map.HitArea	<optional>	The area to use for hit detection. If omitted the whole rectangular area of the icon is used. If specified, the top-left corner of the icon area is used as origin for the coordinates of the hitArea.
`crossOrigin`	string	<optional> <nullable>	The value to use for the `crossOrigin` attribute of the icon image, if omitted the attribute is set to `"anonymous"`. For more details see MDN web docs.
`stickHeight`	number	<optional>	When specified, the icon is elevated in the screen space's Y axis according to the current tilt angle of the map. A straight line (stick) is rendered to connect the elevated and the original anchor points. The specified value must be positive and indicates the stick's maximum height in pixels on a 90° tilt. On tilt angle of 0° the icon is not elevated and therefore the stick not visible.
`stickColor`	string	<optional>	The color of the line (stick), the default is `"white"`.

Events

statechange

Event fired when the icon bitmap loading state changes, see H.map.Icon#getState

Type:

H.util.Event

Was this article helpful?

Yes No