Classe MapElement
classe
google.maps.MapElement
estende HTMLElement
implementa MapElementOptions
biblioteca "maps"
MapElement é uma subclasse HTMLElement para renderizar mapas. Depois de carregar a biblioteca maps, um mapa pode ser criado em HTML. Exemplo:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
<button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>Internamente, ele usa
Map, que pode ser acessado com a propriedade MapElement.innerMap.
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="value-name" tilt-interaction-disabled zoom="number"> </gmp-map>
const {MapElement} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
MapElement |
MapElement([options])Parâmetros:
|
Propriedades | |
|---|---|
center
attr: center |
Tipo:
LatLng|LatLngLiteral optionalA latitude/longitude central do mapa.
Atributo HTML: center="lat,lng" |
headingInteractionDisabled
attr: heading-interaction-disabled |
Tipo:
boolean optionalPadrão:
falseSe o mapa deve permitir que o usuário controle a direção da câmera (rotação). Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível).
Atributo HTML: heading-interaction-disabled |
innerMap |
Tipo:
MapUma referência ao Map que o MapElement usa internamente. |
internalUsageAttributionIds
attr: internal-usage-attribution-ids |
Padrão:
nullAdiciona um ID de atribuição de uso ao inicializador, o que ajuda o Google a entender quais bibliotecas e exemplos são úteis para os desenvolvedores, como o uso de uma biblioteca de clustering de marcadores. Para não enviar o ID de atribuição de uso, exclua essa propriedade ou substitua o valor por uma string vazia. Somente valores exclusivos serão enviados. As mudanças nesse valor após a instanciação podem ser ignoradas.
Atributo HTML: internal-usage-attribution-ids="id1 id2" |
mapId
attr: map-id |
Tipo:
string optionalO ID do mapa. Não é possível definir ou mudar esse parâmetro depois que um mapa é instanciado.
Map.DEMO_MAP_ID pode ser usado para testar recursos que exigem um ID do mapa, mas não a ativação da nuvem.Atributo HTML: map-id="string" |
renderingType
attr: rendering-type |
Tipo:
RenderingType optionalPadrão:
RenderingType.VECTORSe o mapa deve ser rasterizado ou mapa vetorial. Não é possível definir ou mudar esse parâmetro depois que um mapa é instanciado. Se não for definido, a configuração de nuvem do ID do mapa vai determinar o tipo de renderização (se disponível). Os mapas vetoriais podem não estar disponíveis para todos os dispositivos e navegadores. Nesse caso, o mapa será convertido para rasterizado.
Atributo HTML: rendering-type="value-name" |
tiltInteractionDisabled
attr: tilt-interaction-disabled |
Tipo:
boolean optionalPadrão:
falseSe o mapa deve permitir que o usuário controle a inclinação da câmera. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível).
Atributo HTML: tilt-interaction-disabled |
zoom
attr: zoom |
Tipo:
number optionalO nível de zoom do mapa. Os valores de zoom válidos são números de zero até o nível máximo de zoom aceito. Valores de zoom maiores correspondem a uma resolução mais alta.
Atributo HTML: zoom="number" |
Métodos | |
|---|---|
Herdado:
addEventListener,
removeEventListener
|
Eventos | |
|---|---|
gmp-zoomchange |
function(event)Argumentos:
Este evento é acionado quando a propriedade de zoom do mapa é alterada. |
Interface MapElementOptions
interface
google.maps.MapElementOptions
implementada por MapElement
Objeto MapElementOptions usado para definir as propriedades que podem ser definidas em um MapElement.
Propriedades | |
|---|---|
center
opcional |
Tipo:
LatLng|LatLngLiteral optionalConsulte MapElement.center. |
headingInteractionDisabled
opcional |
Tipo:
boolean optionalConsulte MapElement.headingInteractionDisabled. |
internalUsageAttributionIds
opcional |
Tipo:
Iterable<string> optionalConsulte MapElement.internalUsageAttributionIds. |
mapId
opcional |
Tipo:
string optionalConsulte MapElement.mapId. |
renderingType
opcional |
Tipo:
RenderingType optionalConsulte MapElement.renderingType. |
tiltInteractionDisabled
opcional |
Tipo:
boolean optionalConsulte MapElement.tiltInteractionDisabled. |
zoom
opcional |
Tipo:
number optionalConsulte MapElement.zoom. |
Classe ZoomChangeEvent
classe
google.maps.ZoomChangeEvent
estende Event
biblioteca "maps"
Esse evento é criado ao monitorar a mudança de zoom.
const {ZoomChangeEvent} = await google.maps.importLibrary("maps");
Classe Map
classe
google.maps.Map
estende MVCObject
biblioteca "maps"
const {Map} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
Map |
Map(mapDiv[, opts])Parâmetros:
Cria um novo mapa dentro do contêiner HTML informado, que normalmente é um elemento DIV. |
Constantes | |
|---|---|
DEMO_MAP_ID |
ID do mapa que pode ser usado para exemplos de código que exigem um ID do mapa. Esse ID não é destinado ao uso em aplicativos de produção e não pode ser usado para recursos que exigem configuração na nuvem (como a Estilização de mapas baseada na nuvem). |
Propriedades | |
|---|---|
controls |
Tipo:
Array<MVCArray<HTMLElement>>Controles adicionais a serem anexados ao mapa. Para adicionar um controle ao mapa, adicione o <div> do controle ao MVCArray correspondente ao ControlPosition em que ele deve ser renderizado. |
data |
Tipo:
DataUma instância de Data, vinculada ao mapa. Adicione elementos a esse objeto Data para que eles apareçam no mapa. |
mapTypes |
Tipo:
MapTypeRegistryUm registro de instâncias MapType por ID de string. |
overlayMapTypes |
Tipos de mapa adicionais a serem superpostos. Os tipos de mapa de sobreposição aparecem sobre o mapa de base em que estão anexados, na ordem em que aparecem na matriz overlayMapTypes. As sobreposições com valores de índice mais altos aparecem na frente das sobreposições com valores de índice menores. |
Métodos | |
|---|---|
fitBounds |
fitBounds(bounds[, padding])Parâmetros:
Valor de retorno: nenhum
Define a janela de visualização para que contenha os limites fornecidos. Observação: quando o mapa é definido como display: none, a função fitBounds lê o tamanho do mapa como 0x0 e, portanto, não faz nada. Para mudar a janela de visualização enquanto o mapa está oculto, defina-o como visibility: hidden, garantindo que a div do mapa tenha um tamanho real. Para mapas vetoriais, esse método define a inclinação e a direção do mapa como os valores padrão de zero. Chamar esse método pode causar uma animação suave à medida que o mapa se move e aumenta o zoom para se ajustar aos limites. Se esse método é animado ou não depende de uma heurística interna. |
getBounds |
getBounds()Parâmetros: nenhum
Valor de retorno:
LatLngBounds|undefined os limites de latitude/longitude da janela de visualização atual.Retorna os limites de latitude/longitude da janela de visualização atual. Se mais de uma cópia do mundo estiver visível, os limites de longitude vão variar de -180 a 180 graus. Se o mapa ainda não tiver sido inicializado ou se o centro e o zoom não tiverem sido definidos, o resultado será undefined. Para mapas vetoriais com inclinação ou direção diferente de zero, os limites de latitude/longitude retornados representam a menor caixa delimitadora que inclui a região visível da janela de visualização do mapa. Consulte MapCanvasProjection.getVisibleRegion para saber como ver a região visível exata da janela de visualização do mapa. |
getCenter |
getCenter()Parâmetros: nenhum
Valor de retorno:
LatLng|undefined |
getClickableIcons |
getClickableIcons()Parâmetros: nenhum
Valor de retorno:
boolean|undefinedRetorna a clicabilidade dos ícones do mapa. Um ícone de mapa representa um ponto de interesse, também conhecido como PDI. Se o valor retornado for true, os ícones serão clicáveis no mapa. |
|
getDatasetFeatureLayer(datasetId)Parâmetros:
Valor de retorno:
FeatureLayerRetorna o FeatureLayer para o datasetId especificado. Os IDs de conjunto de dados precisam ser configurados no console do Google Cloud. Se o ID do conjunto de dados não estiver associado ao estilo de mapa do mapa ou se o estilo baseado em dados não estiver disponível (sem ID do mapa, sem blocos vetoriais, sem camadas de elementos de estilo baseado em dados ou conjuntos de dados configurados no estilo de mapa), isso vai registrar um erro, e o FeatureLayer.isAvailable resultante será falso. |
getDiv |
getDiv()Parâmetros: nenhum
Valor de retorno:
HTMLElement o mapDiv do mapa. |
getFeatureLayer |
getFeatureLayer(featureType)Parâmetros:
Valor de retorno:
FeatureLayerRetorna o FeatureLayer do FeatureType específico. Uma FeatureLayer precisa ser ativada no console do Google Cloud. Se um FeatureLayer do FeatureType especificado não existir nesse mapa ou se o estilo baseado em dados não estiver disponível (sem ID do mapa, sem blocos vetoriais e sem FeatureLayer ativado no estilo de mapa), um erro será registrado, e o FeatureLayer.isAvailable resultante será falso. |
getHeading |
getHeading()Parâmetros: nenhum
Valor de retorno:
number|undefinedRetorna a direção da bússola do mapa. O valor da orientação é medido em graus (sentido horário) a partir da direção cardeal norte. Se o mapa ainda não tiver sido inicializado, o resultado será undefined. |
getHeadingInteractionEnabled |
getHeadingInteractionEnabled()Parâmetros: nenhum
Valor de retorno:
boolean|nullRetorna se as interações de título estão ativadas. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
getInternalUsageAttributionIds |
getInternalUsageAttributionIds()Parâmetros: nenhum
Valor de retorno:
Iterable<string>|nullRetorna a lista de IDs de atribuição de uso, que ajudam o Google a entender quais bibliotecas e exemplos são úteis para os desenvolvedores, como o uso de uma biblioteca de clustering de marcadores. |
getMapCapabilities |
getMapCapabilities()Parâmetros: nenhum
Valor de retorno:
MapCapabilitiesInforma ao autor da chamada os recursos disponíveis para o mapa com base no ID fornecido. |
getMapTypeId |
getMapTypeId()Parâmetros: nenhum
Valor de retorno:
MapTypeId|string|undefined |
getProjection |
getProjection()Parâmetros: nenhum
Valor de retorno:
Projection|undefinedRetorna o Projection atual. Se o mapa ainda não tiver sido inicializado, o resultado será undefined. Detecte o evento projection_changed e verifique o valor dele para garantir que não seja undefined. |
getRenderingType |
getRenderingType()Parâmetros: nenhum
Valor de retorno:
RenderingTypeRetorna o RenderingType atual do mapa. |
getStreetView |
getStreetView()Parâmetros: nenhum
Valor de retorno:
StreetViewPanorama o panorama vinculado ao mapa.Retorna o StreetViewPanorama padrão vinculado ao mapa, que pode ser um panorama padrão incorporado ao mapa ou o panorama definido usando setStreetView(). As mudanças no streetViewControl do mapa serão refletidas na exibição desse panorama vinculado. |
getTilt |
getTilt()Parâmetros: nenhum
Valor de retorno:
number|undefinedRetorna o ângulo de incidência atual do mapa, em graus, do plano da janela de visualização para o plano do mapa. Para mapas rasterizados, o resultado será 0 para imagens tiradas diretamente de cima ou 45 para imagens em 45°. Esse método não retorna o valor definido por setTilt. Consulte setTilt para ver detalhes. |
getTiltInteractionEnabled |
getTiltInteractionEnabled()Parâmetros: nenhum
Valor de retorno:
boolean|nullInforma se as interações de inclinação estão ativadas. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
getZoom |
getZoom()Parâmetros: nenhum
Valor de retorno:
number|undefinedRetorna o zoom do mapa. Se o zoom não tiver sido definido, o resultado será undefined. |
moveCamera |
moveCamera(cameraOptions)Parâmetros:
Valor de retorno: nenhum
Define imediatamente a câmera do mapa para as opções de câmera de destino, sem animação. |
panBy |
panBy(x, y)Parâmetros:
Valor de retorno: nenhum
Altera o centro do mapa de acordo com a distância especificada em pixels. Se a distância for menor do que a largura e a altura do mapa, a transição será animada suavemente. O sistema de coordenadas do mapa aumenta do oeste para o leste (para valores x) e do norte para o sul (para valores y). |
panTo |
panTo(latLng)Parâmetros:
Valor de retorno: nenhum
Muda o centro do mapa para o LatLng fornecido. Se a alteração for menor do que a largura e a altura do mapa, a transição será animada suavemente. |
panToBounds |
panToBounds(latLngBounds[, padding])Parâmetros:
Valor de retorno: nenhum
Move o mapa pela quantidade mínima necessária para conter o LatLngBounds fornecido. Não há garantia de onde os limites estarão no mapa, exceto que o mapa será deslocado para mostrar o máximo possível dos limites dentro de {currentMapSizeInPx} - {padding}. Para mapas rasterizados e vetoriais, o zoom, a inclinação e a direção do mapa não serão alterados. |
setCenter |
setCenter(latlng)Parâmetros:
Valor de retorno: nenhum
|
setClickableIcons |
setClickableIcons(value)Parâmetros:
Valor de retorno: nenhum
Controla se os ícones do mapa são clicáveis ou não. Um ícone de mapa representa um ponto de interesse, também conhecido como PDI. Para desativar a capacidade de clicar nos ícones do mapa, transmita um valor de false para esse método. |
setHeading |
setHeading(heading)Parâmetros:
Valor de retorno: nenhum
Define a direção da bússola para o mapa, medida em graus a partir do ponto cardeal Norte. Para mapas rasterizados, esse método se aplica apenas a imagens aéreas. |
setHeadingInteractionEnabled |
setHeadingInteractionEnabled(headingInteractionEnabled)Parâmetros:
Valor de retorno: nenhum
Define se as interações de título estão ativadas. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
setMapTypeId |
setMapTypeId(mapTypeId)Parâmetros:
Valor de retorno: nenhum
|
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
setRenderingType |
setRenderingType(renderingType)Parâmetros:
Valor de retorno: nenhum
Define o RenderingType atual do mapa. |
setStreetView |
setStreetView(panorama)Parâmetros:
Valor de retorno: nenhum
Vincula um StreetViewPanorama ao mapa. Esse panorama substitui o StreetViewPanorama padrão, permitindo que o mapa se vincule a um panorama externo fora dele. Definir o panorama como null vincula o panorama incorporado padrão de volta ao mapa. |
setTilt |
setTilt(tilt)Parâmetros:
Valor de retorno: nenhum
Para mapas vetoriais, define o ângulo de incidência do mapa. Os valores permitidos são restritos dependendo do nível de zoom do mapa. Para mapas rasterizados, controla o comportamento de alternância automática do ângulo de incidência do mapa. Os únicos valores permitidos são 0 e 45. setTilt(0) faz com que o mapa sempre use uma visualização aérea de 0°, independentemente do nível de zoom e da janela de visualização. setTilt(45) faz com que o ângulo de inclinação mude automaticamente para 45 sempre que imagens em 45° estiverem disponíveis para o nível de zoom e a janela de visualização atuais, e volte para 0 quando não houver imagens em 45° disponíveis (esse é o comportamento padrão). As imagens em 45° estão disponíveis apenas para os tipos de mapa satellite e hybrid, em alguns locais e níveis de zoom. Observação: getTilt retorna o ângulo de inclinação atual, não o valor definido por setTilt. Como getTilt e setTilt se referem a coisas diferentes, não use bind() na propriedade tilt. Isso pode gerar efeitos imprevisíveis. |
setTiltInteractionEnabled |
setTiltInteractionEnabled(tiltInteractionEnabled)Parâmetros:
Valor de retorno: nenhum
Define se as interações de inclinação estão ativadas. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
setZoom |
setZoom(zoom)Parâmetros:
Valor de retorno: nenhum
Define o zoom do mapa. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Eventos | |
|---|---|
bounds_changed |
function()Argumentos: nenhum
Este evento é disparado quando os limites da janela de visualização são alterados. |
center_changed |
function()Argumentos: nenhum
Este evento é disparado quando a propriedade do centro do mapa é alterada. |
click |
function(event)Argumentos:
Esse evento é acionado quando o usuário clica no mapa. Um MapMouseEvent com propriedades para o local clicado é retornado, a menos que um ícone de lugar tenha sido clicado. Nesse caso, um IconMouseEvent com um ID de lugar é retornado. IconMouseEvent e MapMouseEvent são idênticos, exceto que IconMouseEvent tem o campo de ID de lugar. O evento sempre pode ser tratado como um MapMouseEvent quando o ID de lugar não é importante. O evento de clique não é disparado se um marcador ou uma janela de informações foi clicado. |
contextmenu |
function(event)Argumentos:
Este evento é disparado quando o evento contextmenu do DOM é disparado no recipiente do mapa. |
dblclick |
function(event)Argumentos:
Este evento é disparado quando o usuário clica duas vezes no mapa. O evento de clique às vezes é acionado uma vez e, em outras, duas vezes, logo antes deste. |
drag |
function()Argumentos: nenhum
Este evento é disparado repetidamente enquanto o usuário arrasta o mapa. |
dragend |
function()Argumentos: nenhum
Este evento é acionado quando o usuário para de arrastar o mapa. Observação: dragend NÃO é disparado quando o usuário para de arrastar o mapa usando o teclado. Use o evento Map.idle para determinar quando o usuário parou de arrastar OU mover o mapa. |
dragstart |
function()Argumentos: nenhum
Este evento é acionado quando o usuário começa a arrastar o mapa. |
heading_changed |
function()Argumentos: nenhum
Este evento é acionado quando a propriedade de orientação do mapa é alterada. |
idle |
function()Argumentos: nenhum
Este evento é disparado quando o mapa fica inativo após sofrer um deslocamento ou alteração de zoom. |
isfractionalzoomenabled_changed |
function()Argumentos: nenhum
Esse evento é acionado quando a propriedade isFractionalZoomEnabled é alterada. |
mapcapabilities_changed |
function()Argumentos: nenhum
Esse evento é acionado quando os recursos do mapa mudam. |
maptypeid_changed |
function()Argumentos: nenhum
Este evento é disparado quando a propriedade mapTypeId é alterada. |
mousemove |
function(event)Argumentos:
Este evento é disparado sempre que o mouse do usuário é movido sobre o recipiente do mapa. |
mouseout |
function(event)Argumentos:
Este evento é disparado quando o mouse do usuário é retirado do recipiente do mapa. |
mouseover |
function(event)Argumentos:
Este evento é disparado quando o mouse do usuário é colocado no recipiente do mapa. |
projection_changed |
function()Argumentos: nenhum
Este evento é disparado quando a projeção é alterada. |
renderingtype_changed |
function()Argumentos: nenhum
Esse evento é acionado quando o renderingType é alterado. |
tilesloaded |
function()Argumentos: nenhum
Este evento é disparado quando os blocos visíveis são totalmente carregados. |
tilt_changed |
function()Argumentos: nenhum
Este evento é acionado quando a propriedade de inclinação do mapa é alterada. |
zoom_changed |
function()Argumentos: nenhum
Este evento é acionado quando a propriedade de zoom do mapa é alterada. |
|
function(event)Argumentos:
Esse evento é acionado quando o usuário clica com o botão direito do mouse no mapa. |
Interface MapOptions
interface
google.maps.MapOptions
Objeto MapOptions usado para definir as propriedades que podem ser definidas em um mapa.
Propriedades | |
|---|---|
backgroundColor
opcional |
Tipo:
string optionalCor usada para o plano de fundo da div do mapa. Essa cor vai ficar visível quando os blocos ainda não tiverem sido carregados enquanto o usuário se desloca. Esta opção pode ser configurada somente quando o mapa é inicializado. |
cameraControl
opcional |
Tipo:
boolean optionalO estado ativado/desativado do controle da câmera. |
cameraControlOptions
opcional |
Tipo:
CameraControlOptions optionalAs opções de exibição do controle da câmera. |
center
opcional |
Tipo:
LatLng|LatLngLiteral optionalO centro inicial do mapa. |
clickableIcons
opcional |
Tipo:
boolean optionalPadrão:
trueQuando false, os ícones do mapa não são clicáveis. Um ícone de mapa representa um ponto de interesse, também conhecido como PDI. |
colorScheme
opcional |
Tipo:
ColorScheme|string optionalPadrão:
ColorScheme.LIGHTO esquema de cores inicial do mapa. Esta opção pode ser configurada somente quando o mapa é inicializado. |
controlSize
opcional |
Tipo:
number optionalTamanho em pixels dos controles que aparecem no mapa. Esse valor precisa ser fornecido diretamente ao criar o mapa. Atualizar esse valor mais tarde pode colocar os controles em um estado undefined. Controla apenas os controles feitos pela própria API Maps. Não dimensiona os controles personalizados criados pelo desenvolvedor. |
disableDefaultUI
opcional |
Tipo:
boolean optionalAtiva/desativa todos os botões de interface padrão. Pode ser substituída individualmente. Não desativa os controles do teclado, que são controlados separadamente pela opção MapOptions.keyboardShortcuts. Não desativa os controles de gestos, que são controlados separadamente pela opção MapOptions.gestureHandling. |
disableDoubleClickZoom
opcional |
Tipo:
boolean optionalAtiva/desativa o zoom e a centralização com clique duplo. Ativado por padrão. Observação: essa propriedade não é recomendada. Para desativar o zoom com clique duplo, use a propriedade |
opcional |
Tipo:
boolean optionalSe for false, impede que o mapa seja arrastado e ampliado por gestos de mouse e toque. O recurso de arrastar está ativado por padrão. |
draggableCursor
opcional |
Tipo:
string optionalO nome ou URL do cursor que aparece quando o mouse passa sobre um mapa arrastável. Essa propriedade usa o atributo CSS cursor para mudar o ícone. Assim como na propriedade css, é preciso especificar pelo menos um cursor substituto que não seja um URL. Por exemplo, draggableCursor: 'url(http://www.example.com/icon.png), auto;'. |
draggingCursor
opcional |
Tipo:
string optionalO nome ou URL do cursor que vai aparecer quando o mapa for arrastado. Essa propriedade usa o atributo CSS cursor para mudar o ícone. Assim como na propriedade css, é preciso especificar pelo menos um cursor substituto que não seja um URL. Por exemplo, draggingCursor: 'url(http://www.example.com/icon.png), auto;'. |
fullscreenControl
opcional |
Tipo:
boolean optionalO estado ativado/desativado do controle de tela cheia. |
fullscreenControlOptions
opcional |
Tipo:
FullscreenControlOptions optionalAs opções de exibição do controle de tela cheia. |
gestureHandling
opcional |
Tipo:
string optionalEssa configuração controla como a API processa gestos no mapa. Valores permitidos:
|
heading
opcional |
Tipo:
number optionalA orientação de imagens aéreas em graus medida no sentido horário a partir da direção cardeal norte. As orientações são ajustadas para o ângulo mais próximo disponível para o qual foram disponibilizadas imagens. |
headingInteractionEnabled
opcional |
Tipo:
boolean optionalPadrão:
falseSe o mapa deve permitir que o usuário controle a direção da câmera (rotação). Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
internalUsageAttributionIds
opcional |
Tipo:
Iterable<string> optionalPadrão:
nullAdiciona um ID de atribuição de uso ao inicializador, o que ajuda o Google a entender quais bibliotecas e exemplos são úteis para os desenvolvedores, como o uso de uma biblioteca de clustering de marcadores. Para não enviar o ID de atribuição de uso, exclua essa propriedade ou substitua o valor por uma string vazia. Somente valores exclusivos serão enviados. As mudanças nesse valor após a instanciação podem ser ignoradas. |
isFractionalZoomEnabled
opcional |
Tipo:
boolean optionalPadrão:
true para mapas vetoriais e false para mapas rasterizados.Se o mapa deve permitir níveis de zoom fracionários. Ouça isfractionalzoomenabled_changed para saber quando o padrão foi definido. |
keyboardShortcuts
opcional |
Tipo:
boolean optionalSe for false, impede que o mapa seja controlado pelo teclado. Os atalhos do teclado estão ativados por padrão. |
mapId
opcional |
Tipo:
string optionalO ID do mapa. Não é possível definir ou mudar esse parâmetro depois que um mapa é instanciado. Map.DEMO_MAP_ID pode ser usado para testar recursos que exigem um ID do mapa, mas não a ativação da nuvem. |
mapTypeControl
opcional |
Tipo:
boolean optionalO estado inicial ativado/desativado do controle do tipo de mapa. |
mapTypeControlOptions
opcional |
Tipo:
MapTypeControlOptions optionalAs opções de exibição inicial do controle do tipo de mapa. |
mapTypeId
opcional |
Tipo:
MapTypeId|string optionalO mapTypeId inicial do mapa. O valor padrão é ROADMAP. |
maxZoom
opcional |
Tipo:
number optionalO nível de zoom máximo que será exibido no mapa. Se omitido ou definido como null, o zoom máximo do tipo de mapa atual será usado. Os valores de zoom válidos são números de zero até o nível máximo de zoom aceito. |
minZoom
opcional |
Tipo:
number optionalO nível de zoom mínimo que será exibido no mapa. Se omitido ou definido como null, o zoom mínimo do tipo de mapa atual será usado. Os valores de zoom válidos são números de zero até o nível máximo de zoom aceito. |
noClear
opcional |
Tipo:
boolean optionalSe for true, não limpe o conteúdo da div do mapa. |
opcional |
Tipo:
boolean optionalO estado ativado/desativado do controle de panorâmica. |
opcional |
Tipo:
PanControlOptions optionalAs opções de exibição do controle de panorâmica. |
renderingType
opcional |
Tipo:
RenderingType optionalPadrão:
RenderingType.RASTERSe o mapa deve ser rasterizado ou mapa vetorial. Não é possível definir ou mudar esse parâmetro depois que um mapa é instanciado. Se não for definido, a configuração de nuvem do ID do mapa vai determinar o tipo de renderização (se disponível). Os mapas vetoriais podem não estar disponíveis para todos os dispositivos e navegadores. Nesse caso, o mapa será convertido para rasterizado. |
restriction
opcional |
Tipo:
MapRestriction optionalDefine um limite que restringe a área do mapa acessível aos usuários. Quando definido, o usuário só pode deslocar e aplicar zoom enquanto a visualização da câmera permanece dentro dos limites. |
rotateControl
opcional |
Tipo:
boolean optionalO estado ativado/desativado do controle de rotação. |
rotateControlOptions
opcional |
Tipo:
RotateControlOptions optionalAs opções de exibição do controle de rotação. |
scaleControl
opcional |
Tipo:
boolean optionalO estado inicial ativado/desativado do controle de escala. |
scaleControlOptions
opcional |
Tipo:
ScaleControlOptions optionalAs opções de exibição inicial do controle de escala. |
scrollwheel
opcional |
Tipo:
boolean optionalSe for false, desativa o zoom no mapa usando a roda de rolagem do mouse. A roda de rolagem está ativada por padrão. Observação: essa propriedade não é recomendada. Para desativar o zoom usando a roda de rolagem, use a propriedade |
streetView
opcional |
Tipo:
StreetViewPanorama optionalUm StreetViewPanorama para mostrar quando o Pegman do Street View é solto no mapa. Se nenhum panorama for especificado, um StreetViewPanorama padrão será exibido no div do mapa quando o Pegman for solto. |
streetViewControl
opcional |
Tipo:
boolean optionalO estado ativado/desativado inicial do controle Pegman do Street View. Esse controle faz parte da interface padrão e precisa ser definido como false ao exibir um tipo de mapa em que a sobreposição de vias do Street View não deve aparecer (por exemplo, um tipo de mapa que não seja do Earth). |
streetViewControlOptions
opcional |
Tipo:
StreetViewControlOptions optionalAs opções de exibição inicial do controle Pegman do Street View. |
styles
opcional |
Tipo:
Array<MapTypeStyle> optionalEstilos a serem aplicados a cada um dos tipos de mapa padrão. Para os modos satellite/hybrid e terrain, esses estilos só serão aplicados a rótulos e geometria. Esse recurso não está disponível ao usar um ID de mapa ou mapas vetoriais (use a estilização de mapas baseada na nuvem). |
tilt
opcional |
Tipo:
number optionalPara mapas vetoriais, define o ângulo de incidência do mapa. Os valores permitidos são restritos dependendo do nível de zoom do mapa. Para mapas rasterizados, controla o comportamento de alternância automática do ângulo de incidência do mapa. Os únicos valores permitidos são 0 e 45. O valor 0 faz com que o mapa sempre use uma visualização aérea de 0°, independentemente do nível de zoom e da janela de visualização. O valor 45 faz com que o ângulo de inclinação mude automaticamente para 45 sempre que imagens em 45° estiverem disponíveis para o nível de zoom e a janela de visualização atuais e volte para 0 quando não houver imagens em 45° disponíveis (esse é o comportamento padrão). As imagens em 45° estão disponíveis apenas para os tipos de mapa satellite e hybrid, em alguns locais e níveis de zoom. Observação: getTilt retorna o ângulo de inclinação atual, não o valor especificado por essa opção. Como getTilt e essa opção se referem a coisas diferentes, não use bind() na propriedade tilt. Isso pode gerar efeitos imprevisíveis. |
tiltInteractionEnabled
opcional |
Tipo:
boolean optionalPadrão:
falseSe o mapa deve permitir que o usuário controle a inclinação da câmera. Essa opção só é válida quando o mapa é vetorial. Se não for definida no código, a configuração de nuvem do ID do mapa será usada (se disponível). |
zoom
opcional |
Tipo:
number optionalO nível de zoom inicial do mapa. Os valores de zoom válidos são números de zero até o nível máximo de zoom aceito. Valores de zoom maiores correspondem a uma resolução mais alta. |
zoomControl
opcional |
Tipo:
boolean optionalO estado ativado/desativado do controle de zoom. |
zoomControlOptions
opcional |
Tipo:
ZoomControlOptions optionalAs opções de exibição do controle de zoom. |
Interface MapTypeStyle
interface
google.maps.MapTypeStyle
O MapTypeStyle é uma coleção de seletores e estilizadores que definem como o mapa deve ser estilizado. Os seletores especificam os recursos e/ou elementos do mapa que serão afetados, e os stylers especificam como esses recursos e elementos serão modificados. Para mais detalhes, consulte a referência de estilo.
Propriedades | |
|---|---|
stylers |
As regras de estilo que serão aplicadas aos recursos e elementos selecionados do mapa. As regras são aplicadas na ordem especificada nessa matriz. Para diretrizes sobre uso e valores permitidos, consulte a referência de estilo. |
elementType
opcional |
Tipo:
string optionalO elemento ao qual um estilo deve ser aplicado. Um elemento é um aspecto visual de um recurso no mapa. Exemplo: um rótulo, um ícone, o traço ou preenchimento aplicado à geometria e muito mais. Opcional. Se elementType não for especificado, o valor será considerado 'all'. Para detalhes de uso e valores permitidos, consulte a referência de estilo. |
featureType
opcional |
Tipo:
string optionalO recurso ou grupo de recursos ao qual um styler deve ser aplicado. Opcional. Se featureType não for especificado, o valor será considerado 'all'. Para detalhes de uso e valores permitidos, consulte a referência de estilo. |
Interface MapMouseEvent
interface
google.maps.MapMouseEvent
estendida por Data.MouseEvent, FeatureMouseEvent, IconMouseEvent, PolyMouseEvent
Esse objeto é retornado de diversos eventos do mouse no mapa e de sobreposições, e contém todos os campos mostrados abaixo.
Propriedades | |
|---|---|
domEvent |
O evento DOM nativo correspondente. Os desenvolvedores não devem confiar que as propriedades target, currentTarget, relatedTarget e path estejam definidas e sejam consistentes. Os desenvolvedores também não devem depender da estrutura do DOM da implementação interna da API Maps. Devido ao mapeamento de eventos internos, o domEvent pode ter uma semântica diferente do MapMouseEvent (por exemplo, um "clique" de MapMouseEvent pode ter um domEvent do tipo KeyboardEvent). |
latLng
opcional |
Tipo:
LatLng optionalA latitude/longitude que estava abaixo do cursor quando ocorreu o evento. |
Métodos | |
|---|---|
stop |
stop()Parâmetros: nenhum
Valor de retorno:
voidImpede que esse evento se propague ainda mais. |
Interface IconMouseEvent
interface
google.maps.IconMouseEvent
extends MapMouseEvent
Esse objeto é enviado em um evento quando um usuário clica em um ícone no mapa. O ID de lugar deste lugar é armazenado no membro placeId. Para impedir que a janela de informações padrão apareça, chame o método stop() nesse evento para evitar que ele seja propagado. Saiba mais sobre os IDs de lugar no guia para desenvolvedores da API Places.
Propriedades | |
|---|---|
placeId
opcional |
Tipo:
string optionalO ID de lugar que foi clicado. Esse ID de lugar pode ser usado para consultar mais informações sobre o elemento clicado. Saiba mais sobre os IDs de lugar no guia para desenvolvedores da API Places. |
Herdado:
domEvent,
latLng
| |
Métodos | |
|---|---|
Herdado:
stop
|
Constantes ColorScheme
constantes
google.maps.ColorScheme
biblioteca "core"
Identificadores para esquemas de cores do mapa. Especifique-os por valor ou usando o nome da constante. Por exemplo, 'FOLLOW_SYSTEM' ou google.maps.ColorScheme.FOLLOW_SYSTEM.
Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo ColorSchemeString.
const {ColorScheme} = await google.maps.importLibrary("core");
Constantes | |
|---|---|
DARK |
O esquema de cores escuras de um mapa. |
FOLLOW_SYSTEM |
O esquema de cores é selecionado com base nas preferências do sistema, que são verificadas uma vez no momento da execução do método. |
LIGHT |
O esquema de cores claras para um mapa. Valor padrão para a API Maps JS legada. |
Constantes MapTypeId
constantes
google.maps.MapTypeId
biblioteca "maps"
Identificadores para MapTypes comuns. Especifique-os por valor ou usando o nome da constante. Por exemplo, 'satellite' ou google.maps.MapTypeId.SATELLITE.
Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo MapTypeIdString.
const {MapTypeId} = await google.maps.importLibrary("maps");
Constantes | |
|---|---|
HYBRID |
Este tipo de mapa exibe uma camada transparente das principais ruas nas imagens de satélite. |
ROADMAP |
Este tipo de mapa exibe um mapa convencional de ruas. |
SATELLITE |
Este tipo de mapa exibe imagens de satélite. |
TERRAIN |
Este tipo de mapa exibe os mapas com características físicas como terreno e vegetação. |
Classe MapTypeRegistry
classe
google.maps.MapTypeRegistry
estende MVCObject
biblioteca "maps"
Um registro para instâncias MapType, com chave por ID MapType.
const {MapTypeRegistry} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
MapTypeRegistry |
MapTypeRegistry()Parâmetros: nenhum
O MapTypeRegistry contém a coleção de tipos de mapa personalizados disponíveis para uso no mapa. A API consulta esse registro ao fornecer a lista de tipos de mapa disponíveis nos controles, por exemplo. |
Métodos | |
|---|---|
set |
set(id, mapType)Parâmetros:
Valor de retorno: nenhum
Define o registro a ser associado ao identificador de string passado juntamente com o tipo de mapa. |
Herdado:
addListener,
bindTo,
get,
notify,
setValues,
unbind,
unbindAll
| |
Interface MapRestriction
interface
google.maps.MapRestriction
Uma restrição que pode ser aplicada ao mapa. A janela de visualização do mapa não vai exceder essas restrições.
Propriedades | |
|---|---|
latLngBounds |
Quando definido, o usuário só pode deslocar e aplicar zoom dentro dos limites fornecidos. Os limites podem restringir a longitude e a latitude ou apenas a latitude. Para limites apenas de latitude, use as longitudes oeste e leste de -180 e 180, respectivamente, por exemplo, latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}. |
strictBounds
opcional |
Tipo:
boolean optionalOs limites podem ser mais restritivos se a flag strictBounds for definida como true. Isso reduz o quanto um usuário pode diminuir o zoom, garantindo que tudo fora dos limites restritos permaneça oculto. O padrão é false, o que significa que um usuário pode diminuir o zoom até que toda a área delimitada esteja visível, possivelmente incluindo áreas fora dela. |
Classe TrafficLayer
classe
google.maps.TrafficLayer
estende MVCObject
biblioteca "maps"
Uma camada para dados do trânsito.
const {TrafficLayer} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
TrafficLayer |
TrafficLayer([opts])Parâmetros:
Uma camada que exibe o trânsito atual da estrada. |
Métodos | |
|---|---|
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa no qual esta camada é exibida. |
setMap |
setMap(map)Parâmetros:
Valor de retorno: nenhum
Renderiza a camada no mapa especificado. Se o mapa for definido como null, a camada será removida. |
setOptions |
setOptions(options)Parâmetros:
Valor de retorno: nenhum
|
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Interface TrafficLayerOptions
interface
google.maps.TrafficLayerOptions
Objeto TrafficLayerOptions usado para definir as propriedades que podem ser definidas em um TrafficLayer.
Propriedades | |
|---|---|
autoRefresh
opcional |
Tipo:
boolean optionalPadrão:
trueSe a camada de trânsito é atualizada automaticamente com informações novas. |
map
opcional |
Tipo:
Map optionalMapa em que a camada de trânsito será mostrada. |
Classe TransitLayer
classe
google.maps.TransitLayer
estende MVCObject
biblioteca "maps"
Uma camada de transporte público.
const {TransitLayer} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
TransitLayer |
TransitLayer()Parâmetros: nenhum
Uma camada que mostra linhas de transporte público. |
Métodos | |
|---|---|
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa no qual esta camada é exibida. |
setMap |
setMap(map)Parâmetros:
Valor de retorno:
voidRenderiza a camada no mapa especificado. Se o mapa for definido como null, a camada será removida. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Classe BicyclingLayer
classe
google.maps.BicyclingLayer
estende MVCObject
biblioteca "maps"
Uma camada que mostra ciclovias.
const {BicyclingLayer} = await google.maps.importLibrary("maps");
Construtor | |
|---|---|
BicyclingLayer |
BicyclingLayer()Parâmetros: nenhum
Uma camada que exibe ciclovias e evita grandes estradas. |
Métodos | |
|---|---|
getMap |
getMap()Parâmetros: nenhum
Valor de retorno:
Map|nullRetorna o mapa no qual esta camada é exibida. |
setMap |
setMap(map)Parâmetros:
Valor de retorno:
voidRenderiza a camada no mapa especificado. Se o mapa for definido como null, a camada será removida. |
Herdado:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
Interface CameraOptions
interface
google.maps.CameraOptions
estendida por CameraParams
Usado para definir as opções de câmera do mapa.
Propriedades | |
|---|---|
center
opcional |
Tipo:
LatLngLiteral|LatLng optional |
heading
opcional |
Tipo:
number optional |
tilt
opcional |
Tipo:
number optional |
zoom
opcional |
Tipo:
number optional |
Interface VisibleRegion
interface
google.maps.VisibleRegion
Contém os quatro pontos que definem o polígono de quatro lados que é a região visível do mapa. Em um mapa vetorial, esse polígono pode ser um trapézio em vez de um retângulo, quando o mapa tem inclinação.
Propriedades | |
|---|---|
farLeft |
Tipo:
LatLng |
farRight |
Tipo:
LatLng |
latLngBounds |
Tipo:
LatLngBoundsA menor caixa delimitadora que inclui a região visível. |
nearLeft |
Tipo:
LatLng |
nearRight |
Tipo:
LatLng |
Constantes RenderingType
constantes
google.maps.RenderingType
biblioteca "maps"
Essas constantes também podem ser usadas como strings. No TypeScript, os literais de string são definidos pelo tipo RenderingTypeString.
const {RenderingType} = await google.maps.importLibrary("maps");
Constantes | |
|---|---|
RASTER |
Indica que o mapa é rasterizado. |
UNINITIALIZED |
Indica que ainda não se sabe se o mapa é vetorial ou rasterizado, porque ele ainda não foi inicializado. |
VECTOR |
Indica que o mapa é vetorial. |
Interface MapCapabilities
interface
google.maps.MapCapabilities
Objeto que contém um snapshot dos recursos disponíveis no momento para o mapa. Isso não significa necessariamente que os módulos relevantes foram carregados ou inicializados, mas sim que o mapa atual tem permissão para usar essas APIs. Consulte as propriedades para ver uma lista de recursos possíveis.
Propriedades | |
|---|---|
isAdvancedMarkersAvailable
opcional |
Tipo:
boolean optionalSe for verdadeiro, o mapa está configurado corretamente para permitir o uso de Marcadores Avançados. Ainda é necessário importar a biblioteca marker para usar os Marcadores Avançados. Consulte https://goo.gle/gmp-isAdvancedMarkersAvailable para mais informações. |
isDataDrivenStylingAvailable
opcional |
Tipo:
boolean optionalSe for verdadeiro, o mapa está configurado corretamente para permitir o uso de estilo baseado em dados em pelo menos um FeatureLayer. Consulte https://goo.gle/gmp-data-driven-styling e https://goo.gle/gmp-FeatureLayerIsAvailable para mais informações. |
isWebGLOverlayViewAvailable
opcional |
Tipo:
boolean optionalSe for verdadeiro, o mapa está configurado corretamente para permitir o uso de WebGLOverlayView. |