Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developers.google.com/maps/documentation/javascript/reference/marker below:

Marker (legacy) | Maps JavaScript API

Stay organized with collections Save and categorize content based on your preferences.

google.maps.Marker class

Deprecated: As of February 21st, 2024, google.maps.Marker is deprecated. Please use AdvancedMarkerElement instead. At this time, google.maps.Marker is not scheduled to be discontinued, but AdvancedMarkerElement is recommended over google.maps.Marker. While google.maps.Marker will continue to receive bug fixes for any major regressions, existing bugs in google.maps.Marker will not be addressed. At least 12 months notice will be given before support is discontinued. Please see https://developers.google.com/maps/deprecations for additional details and https://developers.google.com/maps/documentation/javascript/advanced-markers/migration for the migration guide.

This class extends MVCObject.

Access by calling const {Marker} = await google.maps.importLibrary("marker").
See Libraries in the Maps JavaScript API.

Marker([opts])

• opts:  MarkerOptions optional Named optional arguments

Creates a marker with the options specified. If a map is specified, the marker is added to the map upon construction. Note that the position must be set for the marker to display.

getAnimation()

Parameters:  None

Get the currently running animation.

getClickable()

Parameters:  None

Return Value:  boolean True if the Marker is clickable.

Get the clickable status of the

.

getCursor()

Parameters:  None

Return Value:  string|null|undefined

Get the mouse cursor type shown on hover.

getDraggable()

Parameters:  None

Return Value:  boolean True if the Marker is draggable.

Get the draggable status of the

.

getIcon()

Parameters:  None

Get the icon of the

. See

.

getLabel()

Parameters:  None

Get the label of the

. See

.

getMap()

Parameters:  None

Get the map or panaroama the

is rendered on.

getOpacity()

Parameters:  None

Return Value:  number|null|undefined A number between 0.0 and 1.0.

Get the opacity of the

.

getPosition()

Parameters:  None

Get the position of the

.

getShape()

Parameters:  None

Get the shape of the

used for interaction. See

and

.

getTitle()

Parameters:  None

Return Value:  string|null|undefined

Get the title of the

tooltip. See

.

getVisible()

Parameters:  None

Return Value:  boolean True if the Marker is visible.

Get the visibility of the

.

getZIndex()

Parameters:  None

Return Value:  number|null|undefined zIndex of the Marker.

Get the zIndex of the

. See

.

setAnimation([animation])

• animation:  Animation optional The animation to play.

Return Value:  None

Start an animation. Any ongoing animation will be cancelled. Currently supported animations are:

,

. Passing in

will cause any animation to stop.

setClickable(flag)

• flag:  boolean If true, the Marker can be clicked.

Return Value:  None

Set if the

is clickable.

setCursor([cursor])

• cursor:  string optional Mouse cursor type.

Return Value:  None

Set the mouse cursor type shown on hover.

setDraggable(flag)

• flag:  boolean optional If true, the Marker can be dragged.

Return Value:  None

Set if the

is draggable.

setIcon([icon])

• icon:  string|Icon|Symbol optional

Return Value:  None

Set the icon for the

. See

.

setLabel([label])

• label:  string|MarkerLabel optional The label can either be a character string or a MarkerLabel object.

Return Value:  None

Set the label for the

. See

.

setMap(map)

• map:  Map|StreetViewPanorama

Return Value:  None

Renders the

on the specified map or panorama. If map is set to

, the marker will be removed.

setOpacity([opacity])

• opacity:  number optional A number between 0.0, transparent, and 1.0, opaque.

Return Value:  None

Set the opacity of the

.

setOptions(options)

• options:  MarkerOptions

Return Value:  None

Set the options for the

.

setPosition([latlng])

• latlng:  LatLng|LatLngLiteral optional The new position.

Return Value:  None

Set the postition for the

.

setShape([shape])

• shape:  MarkerShape optional

Return Value:  None

Set the shape of the

used for interaction. See

and

.

setTitle([title])

• title:  string optional

Return Value:  None

Set the title of the

tooltip. See

.

setVisible(visible)

• visible:  boolean If true, the Marker is visible

Return Value:  None

Set if the

is visible.

setZIndex([zIndex])

• zIndex:  number optional

Return Value:  None

Set the zIndex of the

. See

.

google.maps.MarkerOptions interface

Deprecated: As of February 21st, 2024, google.maps.Marker is deprecated. Please use google.maps.marker.AdvancedMarkerElement instead. Please see https://developers.google.com/maps/deprecations for deprecation details and https://developers.google.com/maps/documentation/javascript/advanced-markers/migration for the migration guide.

MarkerOptions object used to define the properties that can be set on a Marker.

The offset from the marker's position to the tip of an InfoWindow that has been opened with the marker as anchor.

Default: null

Which animation to play when marker is added to a map.

Type:  boolean optional

Default: true

If true, the marker receives mouse and touch events.

Deprecated: collisionBehavior is deprecated as of July 2023. Use AdvancedMarkerElement.collisionBehavior instead.

Notice: Available only in the v=beta channel.

Default: null

Set a collision behavior for markers on vector maps.

Type:  boolean optional

Default: true

If false, disables cross that appears beneath the marker when dragging.

Type:  string optional

Default: pointer

Mouse cursor type to show on hover.

Type:  boolean optional

Default: false

If true, the marker can be dragged. Note: Setting this to true will make the marker clickable even if clickable is set to false.

Icon for the foreground. If a string is provided, it is treated as though it were an Icon with the string as url.

Default: null

Adds a label to the marker. A marker label is a letter or number that appears inside a marker. The label can either be a string, or a

object. If provided and

is not provided, an accessibility text (e.g. for use with screen readers) will be added to the marker with the provided label's text. Please note that the

is currently only used for accessibility text for non-optimized markers.

Map on which to display Marker. The map is required to display the marker and can be provided with

if not provided at marker construction.

Type:  number optional

Default: 1.0

A number between 0.0, transparent, and 1.0, opaque.

Type:  boolean optional

Optimization enhances performance by rendering many markers as a single static element. This is useful in cases where a large number of markers is required. Read more about

.

This optimization has no effect for markers on vector maps.

Sets the marker position. A marker may be constructed but not displayed until its position is provided - for example, by a user's actions or choices. A marker position can be provided with

if not provided at marker construction.

Image map region definition used for drag/click.

Type:  string optional

Default: undefined

Rollover text. If provided, an accessibility text (e.g. for use with screen readers) will be added to the marker with the provided value. Please note that the title is currently only used for accessibility text for non-optimized markers.

Type:  boolean optional

Default: true

If true, the marker is visible.

Type:  number optional

All markers are displayed on the map in order of their zIndex, with higher values displaying in front of markers with lower values. By default, markers are displayed according to their vertical position on screen, with lower markers appearing in front of markers further up the screen.

google.maps.CollisionBehavior constants

Access by calling const {CollisionBehavior} = await google.maps.importLibrary("marker").
See Libraries in the Maps JavaScript API.

google.maps.Icon interface

A structure representing a Marker icon image.

Type:  string

The URL of the image or sprite sheet.

The position at which to anchor an image in correspondence to the location of the marker on the map. By default, the anchor is located along the center point of the bottom of the image.

The origin of the label relative to the top-left corner of the icon image, if a label is supplied by the marker. By default, the origin is located in the center point of the image.

The position of the image within a sprite, if any. By default, the origin is located at the top left corner of the image (0, 0).

The size of the entire image after scaling, if any. Use this property to stretch/shrink an image or a sprite.

The display size of the sprite or image. When using sprites, you must specify the sprite size. If the size is not provided, it will be set when the image loads.

google.maps.MarkerLabel interface

These options specify the appearance of a marker label. A marker label is a string (often a single character) which will appear inside the marker. If you are using it with a custom marker, you can reposition it with the labelOrigin property in the Icon class.

Type:  string

The text to be displayed in the label.

Type:  string optional

Default: '' (empty string)

The className property of the label's element (equivalent to the element's class attribute). Multiple space-separated CSS classes can be added. The font color, size, weight, and family can only be set via the other properties of

. CSS classes should not be used to change the position nor orientation of the label (e.g. using translations and rotations) if also using

.

Type:  string optional

Default: 'black'

The color of the label text.

Type:  string optional

The font family of the label text (equivalent to the CSS font-family property).

Type:  string optional

Default: '14px'

The font size of the label text (equivalent to the CSS font-size property).

Type:  string optional

The font weight of the label text (equivalent to the CSS font-weight property).

google.maps.MarkerShape interface

This object defines the clickable region of a marker image. The shape consists of two properties — type and coord — which define the non-transparent region of an image.

Type:  string

Describes the shape's type and can be circle, poly or rect.

The format of this attribute depends on the value of the

and follows the w3 AREA

specification found at

.

The

attribute is an array of integers that specify the pixel position of the shape relative to the top-left corner of the target image. The coordinates depend on the value of

as follows:

-

: coords is

where x1,y2 are the coordinates of the center of the circle, and r is the radius of the circle.

-

: coords is

where each x,y pair contains the coordinates of one vertex of the polygon.

-

: coords is

where x1,y1 are the coordinates of the upper-left corner of the rectangle and x2,y2 are the coordinates of the lower-right coordinates of the rectangle.

google.maps.Symbol interface

Describes a symbol, which consists of a vector path with styling. A symbol can be used as the icon of a marker, or placed on a polyline.

The symbol's path, which is a built-in symbol path, or a custom path expressed using

. Required.

Default: google.maps.Point(0,0)

The position of the symbol relative to the marker or polyline. The coordinates of the symbol's path are translated left and up by the anchor's x and y coordinates respectively. The position is expressed in the same coordinate system as the symbol's path.

Type:  string optional

The symbol's fill color. All CSS3 colors are supported except for extended named colors. For symbol markers, this defaults to 'black'. For symbols on polylines, this defaults to the stroke color of the corresponding polyline.

Type:  number optional

Default: 0

The symbol's fill opacity.

Default: google.maps.Point(0,0)

The origin of the label relative to the origin of the path, if label is supplied by the marker. The origin is expressed in the same coordinate system as the symbol's path. This property is unused for symbols on polylines.

Type:  number optional

Default: 0

The angle by which to rotate the symbol, expressed clockwise in degrees. A symbol in an IconSequence where fixedRotation is false is rotated relative to the angle of the edge on which it lies.

Type:  number optional

The amount by which the symbol is scaled in size. For symbol markers, this defaults to 1; after scaling, the symbol may be of any size. For symbols on a polyline, this defaults to the stroke weight of the polyline; after scaling, the symbol must lie inside a square 22 pixels in size centered at the symbol's anchor.

Type:  string optional

The symbol's stroke color. All CSS3 colors are supported except for extended named colors. For symbol markers, this defaults to 'black'. For symbols on a polyline, this defaults to the stroke color of the polyline.

Type:  number optional

The symbol's stroke opacity. For symbol markers, this defaults to 1. For symbols on a polyline, this defaults to the stroke opacity of the polyline.

Type:  number optional

The

of the symbol.

The symbol's stroke weight.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2025-07-10 UTC.

[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-07-10 UTC."],[],[]]

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4