Skip to content

map components

System map (iOS support only)

attributetypeDefault valueRequiredIntroduçõesSupport Level
longitudenumber116.46yesLongitude central
latitudenumber39.92yesLatitude central
scalenumber16noNível de zoom, os valores variam de 3-20
min-scalenumber3noNível de zoom mínimo
max-scalenumber20noNível máximo de zoom
markersArray.markernoPonto de marcador
polylineArray.polylinenorota
circlesArray.circlenoCircular
controlsArray.controlnoO controle está prestes a ser deprimido e o substituto de visualização de cobertura recompacente)
include-pointsArray.pointnoEscala o campo de vista para incluir todos os pontos de coordenadas fornecidos
show-locationbooleanfalsenoExibe o ponto de ancoragem atual com direção
polygonsArray.polygonnoPolígono
subkey-noEstilo de configuração do mapa personalizado, não suporta modificação dinâmica
layer-style-noEstilo de configuração do mapa personalizado, não suporta modificação dinâmica
rotatenumber0noÂngulo de rotação 0 360, mapa ao norte e equipamento e ângulo de ângulo do eixo
skewnumber0noÂngulo, alcance 0 40, com ângulo inclinado do eixo
enable-3DbooleanfalsenoExibir bloco 3D (ferramentas não suportam)
show-compassbooleanfalsenoMostrar bússola
show-scalebooleanfalsenoEscala de exibição, a ferramenta não suporta
enable-overlookingbooleanfalsenoOpen Overlook
enable-zoombooleantruenoSe o escala é suportado
enable-scrollbooleantruenoArrasto suportado
enable-rotatebooleanfalsenoSuporte para rotação
enable-satellitebooleanfalsenoSe deve ativar imagens de satélite
enable-trafficbooleanfalsenoSe deve ativar o tráfego em tempo real
enable-poibooleantruenoSe deve mostrar então Poin
enable-buildingbooleannoSe deve exibir edifícios
settingobjectnoItem de configuração
bindtapeventhandlenoAcionado quando o mapa é clivado, retornar informações de latitude e longitude
bindmarkertapeventhandlenoAcionado quando o ponto do marcador é clivado, e.detail = {markerId}
bindlabeltapeventhandlenoAcionado quando o rótulo é clivado, e.Detail = {markerId}
bindcontroltapeventhandlenoAcionado quando o controle é clicado, e.Detail = {controlId}
bindcallouttapeventhandlenoQuando você clica na bolha correspondente ao mercado.Detail = {markerId}
bindupdatedeventhandlenoAcionado quando a atualização da renderização do mapa está completa
bindregionchangeeventhandlenoDesencadeado quando as alterações visuais arquivadas
bindpoitapeventhandlenoAcionado quando o ponto POI do mapa é clivado, e.Detail = {name, longitude, latitude}
bindanchorpointtapeventhandlenoQuando a marca de posicionamento é par, e.Detail = {longitude, latitude}

marker

attributeIntroduçõestypeRequiredRemarksSupport Level
idID do ponto de marcadornumbernomarker Click the event callback to return this id.
clusterIdID do cluster agregadonumbernoTo customize the point cluster effect
joinClusterParticipe da agregação de pontosBooleannoDefault does not participate in point aggregation
latitudeLatitudenumberyesFloating point number, range -90 90
longitudeLongitudenumberyesFloating point number, range -180 180
titleChamadastringnoShown when clicked, and ignored when callout exists
zIndexNível de exibiçãonumberno
iconPathÍcones de exibiçãostringyesProject directory under the picture path, support network path, local path, code package path
rotateÂngulo de rotaçãonumbernoThe angle of a clockwise rotation 0 360, default to 0
alphaTransparência anotadanumbernodefault 1, no transparency, scope 0 1
widthLargura do ícone da etiquetanumber/stringnoLabel icon width
heightA altura do ícone da marcanumbernoDefault is the actual height of the picture
calloutJanela de bolha acima do ponto do marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.
customCalloutJanela de bolha personalizadaobjectno
labelAdicione rótulos ao lado dos pontos de marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.
anchorLatitude e longitude no ícone do ponto de chamada ancoragem, ponto médio inferior padrãoObjectnoLatitude and longitude at anchor point of callout icon, default bottom midpoint
aria-labelAcessibilidade, descrição adicional de elementos (atributos)stringno

marker Bubbles on top callout

attributeIntroduçõestypeRemarksSupport Level
contentTextostring
colorCor de textostring
fontSizeTamanho do textonumber
borderRadiusFilé de fronteiranumber
borderWidthLargura da bordastring
borderColorCor da bordastring
bgColorCor de fundostring
paddingMargem de textonumber
display'Byclight': clique em Mostrar 'sempre': Chang Hinstring
textAlign'Byclight': clique em Mostrar 'sempre': Chang Hinstring
anchorXEscritório lateral, positivo para a direitanumber
anchorYEscritório vertical, download positivonumber

marker Custom bubbles on customCallout

Quando o alfândega existe, os atributos de destaque e título serão ignorados. Bolhas personalizadas adotam cobertura-Veja a maior flexibilidade personalizada.

attributeIntroduçõestypeRemarksSupport Level
display'Byclight': clique em Mostrar 'sempre': Chang Hinstring
anchorXEscritório lateral, positivo para a direitanumber
anchorYEscritório vertical, download positivonumber

O método de uso é o seguinte, adicione um nó de slot chamado chamada no componente do mapa e a capa interna-Ver via Marker-O atributo de identificação está vinculado ao marcador. Quando o marcador é criado, a capa-O conteúdo exibido pela visualização será exibido como a chamada como acima do ponto de marca.

js
<map>
  <cover-view slot= "callout" >
    <cover-view marker-id= "1" ></cover-view>
    <cover-view marker-id= "2" ></cover-view>
    <cover-view marker-id= "3" ></cover-view>
  </cover-view>
</map>

marker Bubbles on top label

attributeIntroduçõestypeRemarksSupport Level
contentTextostring
colorCor de textostring
fontSizeTamanho do textonumber
anchorXAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumber
anchorYAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumber
borderWidthLargura da bordanumber
borderColorCor da bordastring
borderRadiusFilé de fronteiranumber
paddingMargem de textonumber
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostring

polyline

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]
colorArray de longitude e latitudestringnoHexadecimal
colorListLinha do arco -írisarraynoIgnore when present color value
widthLargura da linhanumberno
dottedLineSe as linhas tracejadasbooleannodefault false
arrowLineLinhas com flechasbooleannodefault false
arrowIconPathSubstitua o ícone de setastringnoin arrowLine for true Effective
borderColorCor de borda da linhastringno
borderWidthEspessura da linhanumberno
levelRelação da glândulastringnoDefault is abovelabels

polygon

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]
strokeWidthArray de longitude e latitudenumberno
strokeColorCor do golpestringnoHexadecimal
fillColorCor do golpestringnoHexadecimal
zIndexDefinir valor de polígono z-asisnumberno
levelRelação da glândulastringnoDefault is abovelabels

circle

attributeIntroduçõestypeRequiredRemarksSupport Level
latitudeLatitudenumberyesFloating point number, range -90 90
longitudeLongitudenumberyesFloating point number, range -180 180
colorCor do golpestringnoHexadecimal
fillColorPreencha a corstringnoHexadecimal
radiusRaionumberyes
strokeWidthRaionumberno
levelRelação da glândulastringnoDefault is abovelabels

control

attributeIntroduçõestypeRequiredRemarksSupport Level
idID de controlenumbernoClicking on an event callback in a control returns this id
positionLocalização de controle no mapaobjectyesControl relative map position
iconPathÍcones de exibiçãostringyesProject directory picture path, support local path, code package path
clickableÉ clicável?booleannoDefault not clickable

position

attributeIntroduçõestypeRequiredRemarksSupport Level
leftAté que ponto a borda esquerda do mapa?numbernoDefaults to 0
topA que distância o limite superior do mapa?numbernoDefaults to 0
widthLargura de controlenumbernoDefaults to 0
heightAltura de controlenumbernoDefaults to 0

Gaode Map

attributetypeDefault valueRequiredIntroduçõesSupport Level
longitudenumber116.46yesLongitude centraliOS:✅ Android:✅ IDE:✅
latitudenumber39.92yesLatitude centraliOS:✅ Android:✅ IDE:✅
scalenumber16noNível de zoom, os valores variam de 3-20iOS:✅ Android:✅ IDE:✅
min-scalenumber3noNível de zoom mínimoiOS:✅ Android:✅ IDE:✅ Modificação dinâmica não é suportada
max-scalenumber20noNível máximo de zoomiOS:✅ Android:✅ IDE:✅ Modificação dinâmica não é suportada
markersArray.markernoPonto de marcadoriOS:✅ Android:✅ IDE:✅
polylineArray.polylinenorotaiOS:✅ Android:✅ IDE:✅
circlesArray.circlenoCirculariOS:✅ Android:✅ IDE:✅
controlsArray.controlnoO controle está prestes a ser deprimido e o substituto de visualização de cobertura recompacente)iOS:❌ Android:❌ IDE:✅
include-pointsArray.pointnoEscala o campo de vista para incluir todos os pontos de coordenadas fornecidosiOS:✅ Android:✅ IDE:❌
show-locationbooleanfalsenoExibe o ponto de ancoragem atual com direçãoiOS:✅ Android:✅ IDE:❌
polygonsArray.polygonnoPolígonoiOS:✅ Android:✅ IDE:✅
subkey-noChave para personalizar o uso do mapaiOS:❌ Android:❌ IDE:❌
layer-style-noEstilo de configuração do mapa personalizado, não suporta modificação dinâmicaiOS:❌ Android:❌ IDE:❌
rotatenumber0noÂngulo de rotação 0 360, mapa ao norte e equipamento e ângulo de ângulo do eixoiOS:✅ Android:✅ IDE:✅
skewnumber0noÂngulo, alcance 0 40, com ângulo inclinado do eixoiOS:✅ Android:✅ IDE:✅
enable-3DbooleanfalsenoExibir bloco 3D (ferramentas não suportam)iOS:❌ Android:❌ IDE:❌
show-compassbooleanfalsenoMostrar bússolaiOS:✅ Android:✅ IDE:❌
show-scalebooleanfalsenoEscala de exibição, a ferramenta não suportaiOS:✅ Android:✅ IDE:✅
enable-overlookingbooleanfalsenoOpen OverlookiOS:✅ Android:✅ IDE:❌
enable-zoombooleantruenoOpen OverlookiOS:✅ Android:✅ IDE:✅
enable-scrollbooleantruenoArrasto suportadoiOS:✅ Android:✅ IDE:✅
enable-rotatebooleanfalsenoSuporte para rotaçãoiOS:✅ Android:✅ IDE:✅
enable-satellitebooleanfalsenoSe deve ativar imagens de satéliteiOS:✅ Android:✅ IDE:✅
enable-trafficbooleanfalsenoSe deve ativar o tráfego em tempo realiOS:✅ Android:✅ IDE:✅
enable-poibooleantruenoSe deve mostrar então apontariOS:✅ Android:✅ IDE:✅
enable-buildingbooleannoSe deve exibir edifíciosiOS:✅ Android:✅ IDE:✅
settingobjectnoItem de configuraçãoiOS:✅ Android:✅ IDE:✅
bindtapeventhandlenoAcionado quando o mapa é clivado, retornar informações de latitude e longitudeiOS:✅ Android:✅ IDE:✅
bindmarkertapeventhandlenoAcionado quando o mapa é clivado, retornar informações de latitude e longitude de 2.9.0iOS:✅ Android:✅ IDE:✅
bindlabeltapeventhandlenoAcionado quando o rótulo é clivado, e.Detail = {markerId}iOS:❌ Android:❌ IDE:❌
bindcontroltapeventhandlenoAcionado quando o controle é clicado, e.Detail = {controlId}iOS:❌ Android:❌ IDE:✅
bindcallouttapeventhandlenoQuando você clica na bolha correspondente ao mercado.Detail = {markerId}iOS:✅ Android:✅ IDE:❌
bindupdatedeventhandlenoAcionado quando a atualização da renderização do mapa está completaiOS:✅ Acionado apenas quando o carregamento do mapa estiver completo Android:✅ Acionado apenas quando o carregamento do mapa estiver completo IDE:❌
bindregionchangeeventhandlenoDesencadeado quando o visual arquivado muda,iOS:✅ Android:✅ IDE:✅
bindpoitapeventhandlenoAcionado quando o ponto POI do mapa é clivado, e.Detail = {name, longitude, latitude}iOS:✅ Android:✅ IDE:❌
bindanchorpointtapeventhandlenoQuando a marca de posicionamento é par, e.Detail = {longitude, latitude}iOS:✅ Android:✅ IDE:❌

marker

attributeIntroduçõestypeRequiredRemarksSupport Level
idID do ponto de marcadornumbernomarker Click the event callback to return this idiOS:✅ Android:✅ IDE:✅
clusterIdID do cluster agregadonumbernoTo customize the point cluster effectiOS:❌ Android:✅ IDE:❌
joinClusterParticipe da agregação de pontosBooleannoDefault does not participate in point aggregationiOS:❌ Android:✅ IDE:❌
latitudeLatitudenumberyesFloating point number, range -90 90iOS:✅ Android:✅ IDE:✅
longitudeNúmero do ponto flutuante, intervalo -90 90numberyesFloating point number, range -180 180iOS:✅ Android:✅ IDE:✅
titleChamadastringnoShown when clicked, and ignored when callout existsiOS:✅ Android:✅ IDE:✅
zIndexNível de exibiçãonumbernoiOS:✅Android:✅ IDE:✅
iconPathÍcones de exibiçãostringyesProject directory under the picture path, support network path, local path, code package pathiOS:✅ Android:✅ IDE:✅
rotateÂngulo de rotaçãonumbernoThe angle of a clockwise rotation 0 360, default to 0iOS:❌ Android:✅ IDE:✅
alphaTransparência anotadanumbernodefault 1, no transparency, scope 0 1iOS:❌ Android:✅ IDE:✅
widthLargura do ícone da etiquetanumber/stringnoDefault is the actual width of the pictureiOS:✅ Android:✅ IDE:✅
heightA altura do ícone da marcanumbernoDefault is the actual height of the pictureiOS:✅ Android:✅ IDE:✅
calloutPadrão é a ação da imagemObjectnoThe supported properties are shown in the following table and are recognized as newlines.iOS:✅ Android:✅ IDE:✅
customCalloutJanela de bolha personalizadanumbernoiOS:✅ Android:✅ IDE:❌
labelAdicione rótulos ao lado dos pontos de marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.iOS:❌ Android:❌ IDE:✅
anchorLatitude e longitude no ícone do ponto de chamada ancoragem, ponto médio inferior padrãoObjectno{x, y},x Represent horizontal(0-1),y Vertical(0-1). {x: .5, y: 1} Represents the midpoint of the bottomiOS:❌ Android:✅ IDE:✅
aria-labelAcessibilidade, descrição adicional de elementos (atributos)stringnoiOS:❌ Android:❌ IDE:❌

marker Bubbles on top callout

attributeIntroduçõestypeRemarksSupport Level
contentTextostringiOS:✅ Android:✅ IDE:✅
colorCor de textostringiOS:✅ Android:✅ IDE:❌
fontSizeTamanho do textonumberiOS:✅ Android:✅ IDE:❌
borderRadiusFilé de fronteiranumberiOS:✅ Android:✅ IDE:✅
borderWidthLargura da bordastringiOS:✅ Android:✅ IDE:❌
borderColorCor da bordastringiOS:✅ Android:✅ IDE:❌
bgColorCor de fundostringiOS:✅ Android:✅ IDE:❌
paddingMargem de textonumberiOS:❌ Android:✅ IDE:❌
display'Byclight': clique em Mostrar 'sempre': Chang HinstringiOS:❌ Android:❌ IDE:❌
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostringiOS:✅ Android:✅ IDE:❌
anchorXEscritório lateral, positivo para a direitanumberiOS:✅ Android:✅ IDE:❌
anchorYEscritório vertical, download positivonumberiOS:✅ Android:✅ IDE:❌

marker Custom bubbles on customCallout

Quando o alfândega existe, os atributos de destaque e título serão ignorados. Bolhas personalizadas adotam cobertura-Veja a maior flexibilidade personalizada.

attributeIntroduçõestypeRemarksSupport Level
display'Byclight': clique em Mostrar 'sempre': Chang HinstringiOS:❌ Android:❌ IDE:❌
anchorXEscritório lateral, positivo para a direitanumberiOS:✅ Android:✅ IDE:❌
anchorYEscritório vertical, download positivonumberiOS:✅ Android:✅ IDE:❌

O método de uso é o seguinte, adicione um nó de slot chamado chamada no componente do mapa e a capa interna-Ver via Marker-O atributo de identificação está vinculado ao marcador. Quando o marcador é criado, a capa-O conteúdo exibido pela visualização será exibido como a chamada como acima do ponto de marca.

js
<map>
  <cover-view slot= "callout" >
    <cover-view marker-id= "1" ></cover-view>
    <cover-view marker-id= "2" ></cover-view>
    <cover-view marker-id= "3" ></cover-view>
  </cover-view>
</map>

marker Bubbles on top label

attributeIntroduçõestypeRemarksSupport Level
contentTextostringiOS:❌ Android:❌ IDE:✅
colorCor de textostringiOS:❌ Android:❌ IDE:❌
fontSizeTamanho do textonumberiOS:❌ Android:❌ IDE:❌
anchorXAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumberiOS:❌ Android:❌ IDE:❌
anchorYAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumberiOS:❌ Android:❌ IDE:❌
borderWidthLargura da bordanumberiOS:❌ Android:❌ IDE:❌
borderColorCor da bordastringiOS:❌ Android:❌ IDE:❌
borderRadiusFilé de fronteiranumberiOS:❌ Android:❌ IDE:❌
bgColorCor de fundostringiOS:❌ Android:❌ IDE:❌
paddingMargem de textonumberiOS:❌ Android:❌ IDE:❌
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostringiOS:❌ Android:❌ IDE:❌

polyline

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]iOS:✅ Android:✅ IDE:✅
colorA cor da linhastringnoHexadecimaliOS:✅ Android:✅ IDE:✅
colorListA cor da linhaarraynoIgnore when present color valueiOS:❌ Android:✅ IDE:❌
widthLargura da linhanumbernoiOS:✅ Android:✅ IDE:✅
dottedLineSe as linhas tracejadasbooleannodefault falseiOS:❌ Android:✅ IDE:✅
arrowLineLinhas com flechasbooleannodefault falseiOS:❌ Android:✅ IDE:✅
arrowIconPathSubstitua o ícone de setastringnoin arrowLine for true EffectiveiOS:✅ Android:✅ IDE:✅
borderColorCor de borda da linhastringnoiOS:❌ Android:❌ IDE:✅
borderWidthEspessura da linhanumbernoiOS:❌ Android:❌ IDE:✅
levelRelação da glândulastringnoin arrowLine for true EffectiveiOS:❌
Android:✅ aboveroads Equivalent to abovebuildings
IDE:✅

polygon

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]iOS:✅ Android:✅ IDE:✅
strokeWidthLargura de derramenumbernoiOS:✅ Android:✅ IDE:✅
strokeColorCor do golpestringnoGland relationiOS:✅ Android:✅ IDE:✅
fillColorPreencha a corstringnoGland relationiOS:✅ Android:✅ IDE:✅
zIndexDefinir valor de polígono z-asisnumbernoiOS:✅ Android:✅ IDE:✅
levelRelação da glândulastringnoDefault is abovelabelsiOS:❌
Android:✅ aboveroads Equivalent to abovebuildings
IDE:✅

circle

attributeIntroduçõestypeRequiredRemarksSupport Level
latitudeLatitudenumberyesFloating point number, range -90 90iOS:✅ Android:✅ IDE:✅
longitudeLongitudenumberyesFloating point number, range -180 180iOS:✅ Android:✅ IDE:✅
colorCor do golpestringnoHexadecimaliOS:✅ Android:✅ IDE:✅
fillColorPreencha a corstringnoHexadecimaliOS:✅ Android:✅ IDE:✅
radiusRaionumberyesiOS:✅ Android:✅ IDE:✅
strokeWidthLargura de derramenumbernoiOS:✅ Android:✅ IDE:✅
levelRelação da glândulastringnoDefault is abovelabelsiOS:❌
Android:✅ aboveroads Equivalent to abovebuildings
IDE:✅

control

attributeIntroduçõestypeRequiredRemarksSupport Level
idID de controlenumbernoClicking on an event callback in a control returns this idiOS:❌ Android:❌ IDE:✅
positionID de controleobjectyesClicking on an event callback in a control returns this idiOS:❌ Android:❌ IDE:✅
iconPathÍcones de exibiçãostringyesProject directory picture path, support local path, code package pathiOS:❌ Android:❌ IDE:✅
clickableÉ clicável?booleannoDefault not clickableiOS:❌ Android:❌ IDE:✅

position

attributeIntroduçõestypeRequiredRemarksSupport Level
leftAté que ponto a borda esquerda do mapa?numbernoDefaults to 0iOS:❌ Android:❌ IDE:✅
topA que distância o limite superior do mapa?numbernoDefaults to 0iOS:❌ Android:❌ IDE:✅
widthLargura de controlenumbernoDefaults to 0iOS:❌ Android:❌ IDE:✅
heightAltura de controlenumbernoDefaults to 0iOS:❌ Android:❌ IDE:✅

Baidu Maps (iOS, Android support only)

attributetypeDefault valueRequiredIntroduçõesSupport Level
longitudenumber116.46yesLongitude centraliOS:✅ Android:✅
latitudenumber39.92yesLatitude centraliOS:✅ Android:✅
scalenumber16noNível de zoom, os valores variam de 3-20iOS:✅ Android:✅
min-scalenumber3noNível de zoom mínimoiOS:✅
Android:✅
max-scalenumber20noNível máximo de zoomiOS:✅
Android:✅
markersArray.markernoPonto de marcadoriOS:✅ Android:✅
polylineArray.polylinenorotaiOS:✅ Android:✅
circlesArray.circlenoCirculariOS:✅ Android:✅
controlsArray.controlnoO controle está prestes a ser deprimido e o substituto de visualização de cobertura recompacente)iOS:❌ Android:❌
include-pointsArray.pointnoEscala o campo de vista para incluir todos os pontos de coordenadas fornecidosiOS:✅ Android:✅
show-locationbooleanfalsenoExibe o ponto de ancoragem atual com direçãoiOS:✅ Android:✅
polygonsArray.polygonnoPolígonoiOS:✅ Android:✅
subkey-noChave para personalizar o uso do mapaiOS:❌ Android:❌
layer-style-noEstilo de configuração do mapa personalizado, não suporta modificação dinâmicaiOS:❌ Android:❌
rotatenumber0noÂngulo de rotação 0 360, mapa ao norte e equipamento e ângulo de ângulo do eixoiOS:✅ Android:✅
skewnumber0noÂngulo, alcance 0 40, com ângulo inclinado do eixoiOS:✅ Android:✅
enable-3DbooleanfalsenoÂngulo, alcance 0 40, com ângulo inclinado do eixoiOS:✅ Android:✅
show-compassbooleanfalsenoMostrar bússolaiOS:✅ Android:✅
show-scalebooleanfalsenoEscala de exibição, a ferramenta não suportaiOS:✅ Android:✅
enable-overlookingbooleanfalsenoOpen OverlookiOS:✅ Android:✅
enable-zoombooleantruenoSe o escala é suportadoiOS:✅ Android:✅
enable-scrollbooleantruenoArrasto suportadoiOS:✅ Android:✅
enable-rotatebooleanfalsenoSuporte para rotaçãoiOS:✅ Android:✅
enable-satellitebooleanfalsenoSe deve ativar imagens de satéliteiOS:✅ Android:✅
enable-trafficbooleanfalsenoSe deve ativar o tráfego em tempo realiOS:✅ Android:✅
enable-poibooleantruenoSe deve mostrar então apontariOS:✅ Android:✅
enable-buildingbooleannoSe deve exibir edifíciosiOS:❌ Android:❌
settingobjectnoItem de configuraçãoiOS:✅ Android:✅
bindtapeventhandlenoItem de configuraçãoiOS:✅ Android:✅
bindmarkertapeventhandlenoAcionado quando o ponto do marcador é clivado, e.detail = {markerId}iOS:✅ Android:✅
bindlabeltapeventhandlenoAcionado quando o rótulo é clivado, e.Detail = {markerId}iOS:❌ Android:❌
bindcontroltapeventhandlenoAcionado quando o controle é clicado, e.Detail = {controlId}iOS:❌ Android:❌
bindcallouttapeventhandlenoQuando você clica na bolha correspondente ao ponto do marcador, E.Detail = {markerId}iOS:✅ Android:✅
bindupdatedeventhandlenoAcionado quando a atualização da renderização do mapa está completaiOS:✅ Triggered only when map loading is complete Android:✅ Triggered only when map loading is complete
bindregionchangeeventhandlenoDesencadeado quando as alterações visuais arquivadasiOS:✅ Android:✅
bindpoitapeventhandlenoAcionado quando o ponto POI do mapa é clivado, e.Detail = {name, longitude, latitude}iOS:✅ Android:✅
bindanchorpointtapeventhandlenoQuando a marca de posicionamento é par, e.Detail = {longitude, latitude}iOS:✅ Android:✅

marker

attributeIntroduçõestypeRequiredRemarksSupport Level
idID do ponto de marcadornumbernomarker Click the event callback to return this idiOS:✅ Android:✅
clusterIdID do cluster agregadonumbernoTo customize the point cluster effectiOS:✅ Android:✅
joinClusterParticipe da agregação de pontosBooleannoDefault does not participate in point aggregationiOS:❌ Android:✅
latitudeLatitudenumberyesFloating point number, range -90 90iOS:✅ Android:✅
longitudeLongitudenumberyesFloating point number, range -180 180iOS:✅ Android:✅
titleChamadastringnoShown when clicked, and ignored when callout existsiOS:✅ Android:✅
zIndexNível de exibiçãonumbernoiOS:✅ Android:✅
iconPathÍcones de exibiçãostringyesProject directory under the picture path, support network path, local path, code package pathiOS:✅ Android:✅
rotateÂngulo de rotaçãonumbernoThe angle of a clockwise rotation 0 360, default to 0iOS:❌ Android:✅
alphaTransparência anotadanumbernodefault 1, no transparency, scope 0 1iOS:❌ Android:✅
widthLargura do ícone da etiquetanumber/stringnodefault 1, no transparency, scope 0 1iOS:✅ Android:✅
heightA altura do ícone da marcanumbernoDefault is the actual height of the pictureiOS:✅ Android:✅
calloutJanela de bolha acima do ponto do marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.iOS:✅ Android:✅
customCalloutJanela de bolha personalizadaobjectnoiOS:✅ Android:✅
labelAdicione rótulos ao lado dos pontos de marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.iOS:❌ Android:❌
anchorLatitude e longitude no ícone do ponto de chamada ancoragem, ponto médio inferior padrãoObjectno{x, y},x Represent horizontal(0-1),y Vertical(0-1). {x: .5, y: 1} Represents the midpoint of the bottomiOS:✅ Android:✅
aria-labelAcessibilidade, descrição adicional de elementos (atributos)stringnoiOS:❌ Android:❌

marker Bubbles on top callout

attributeIntroduçõestypeRemarksSupport Level
contentTextostringiOS:✅ Android:✅
colorCor de textostringiOS:✅ Android:✅
fontSizeTamanho do textonumberiOS:✅ Android:✅
borderRadiusFilé de fronteiranumberiOS:✅ Android:✅
borderWidthLargura da bordastringiOS:✅ Android:✅
borderColorCor da bordastringiOS:✅ Android:✅
bgColorCor de fundostringiOS:✅ Android:✅
paddingMargem de textonumberiOS:✅ Android:✅
display'Byclight': clique em Mostrar 'sempre': Chang HinstringiOS:❌ Android:✅
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostringiOS:✅ Android:✅
anchorXEscritório lateral, positivo para a direitanumberiOS:✅ Android:❌
anchorYEscritório vertical, download positivonumberiOS:✅ Android:✅

marker Bubbles on top customCallout

Quando o alfândega existe, os atributos de destaque e título serão ignorados. Bolhas personalizadas adotam cobertura-Veja a maior flexibilidade personalizada.

attributeIntroduçõestypeRemarksSupport Level
display'Byclight': clique em Mostrar 'sempre': Chang HinstringiOS:❌ Android:✅
anchorXEscritório lateral, positivo para a direitanumberiOS:✅ Android:✅
anchorYEscritório vertical, download positivonumberiOS:✅ Android:✅

O método de uso é o seguinte, adicione um nó de slot chamado chamada no componente do mapa e a capa interna-Ver via Marker-O atributo de identificação está vinculado ao marcador. Quando o marcador é criado, a capa-O conteúdo exibido pela visualização será exibido como a chamada como acima do ponto de marca.

js
<map>
  <cover-view slot= "callout" >
    <cover-view marker-id= "1" ></cover-view>
    <cover-view marker-id= "2" ></cover-view>
    <cover-view marker-id= "3" ></cover-view>
  </cover-view>
</map>

marker Bubbles on top label

attributeIntroduçõestypeRemarksSupport Level
contentTextostringiOS:❌ Android:❌
colorCor de textostringiOS:❌ Android:❌
fontSizeTamanho do textonumberiOS:❌ Android:❌
anchorXAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumberiOS:❌ Android:❌
anchorYAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumberiOS:❌ Android:❌
borderWidthLargura da bordanumberiOS:❌ Android:❌
borderColorCor da bordastringiOS:❌ Android:❌
borderRadiusFilé de fronteiranumberiOS:❌ Android:❌
bgColorCor de fundostringiOS:❌ Android:❌
paddingMargem de textonumberiOS:❌ Android:❌
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostringiOS:❌ Android:❌

polyline

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]iOS:✅ Android:✅
colorA cor da linhastringnoHexadecimaliOS:✅ Android:✅
colorListLinha do arco -írisarraynoIgnore when present color valueiOS:✅ Android:✅ IDE:❌
widthLargura da linhanumbernoiOS:✅ Android:✅
dottedLineSe as linhas tracejadasbooleannodefault falseiOS:❌ Android:✅
arrowLineLinhas com flechasbooleannodefault falseiOS:❌ Android:✅
arrowIconPathSubstitua o ícone de setastringnoin arrowLine for true EffectiveiOS:✅ Android:✅
borderColorCor de borda da linhastringnoiOS:❌ Android:❌
borderWidthEspessura da linhanumbernoiOS:❌ Android:❌
levelRelação da glândulastringnoDefault is abovelabelsiOS:❌ Android:❌

polygon

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]iOS:✅ Android:✅
strokeWidthLargura de derramenumbernoiOS:✅ Android:✅
strokeColorCor do golpestringnoHexadecimaliOS:✅ Android:✅
fillColorPreencha a corstringnoHexadecimaliOS:✅ Android:✅
zIndexDefinir valor de polígono z-asisnumbernoiOS:✅ Android:✅
levelRelação da glândulastringnoDefault is abovelabelsiOS:❌ Android:❌

circle

attributeIntroduçõestypeRequiredRemarksSupport Level
latitudeLatitudenumberyesFloating point number, range -90 90iOS:✅ Android:✅
longitudeLongitudenumberyesFloating point number, range -180 180iOS:✅ Android:✅
colorCor do golpestringnoHexadecimaliOS:✅ Android:✅
fillColorPreencha a corstringnoHexadecimaliOS:✅ Android:✅
radiusRaionumberyesiOS:✅ Android:✅
strokeWidthLargura de derramenumbernoiOS:✅ Android:✅
levelRelação da glândulastringnoDefault is abovelabelsiOS:❌ Android:❌

control

attributeIntroduçõestypeRequiredRemarksSupport Level
idID de controlenumbernoClicking on an event callback in a control returns this idiOS:❌ Android:❌
positionLocalização de controle no mapaobjectyesControl relative map positioniOS:❌ Android:❌
iconPathÍcones de exibiçãostringyesProject directory picture path, support local path, code package pathiOS:❌ Android:❌
clickableÉ clicável?booleannoDefault not clickableiOS:❌ Android:❌

position

attributeIntroduçõestypeRequiredRemarksSupport Level
leftAté que ponto a borda esquerda do mapa?numbernoDefaults to 0iOS:❌ Android:❌
topA que distância o limite superior do mapa?numbernoDefaults to 0iOS:❌ Android:❌
widthLargura de controlenumbernoDefaults to 0iOS:❌ Android:❌
heightAltura de controlenumbernoDefaults to 0iOS:❌ Android:❌

Google Maps (Android support only)

attributeIntroduçõestypeRequiredRemarksSupport Level
longitudenúmero116.46yesCentral longitude
latitudenúmero39.92yesCentral latitude
scalenúmero16noZoom level, values range from 3-20
min-scalenúmero3noMinimum Zoom Level
max-scalenúmero20noMaximum zoom level
markersArray.MarkernoMarker point
polylineArray.polylinenoroute
circlesArray.circlenocircular
controlsArray.ControlnoControl is about to be deprecated and recommended cover-view Substitute)
include-pointsArray.pointnoScale the field of view to include all the given coordinate points
show-locationBooleanofalsenoDisplays the current anchor point with direction
polygonsArray.poligonnopolygon
subkey-noPersonalized Map Configuration Style, does not support dynamic modification
layer-style-noPersonalized Map Configuration Style, does not support dynamic modification
rotatenúmero0noAngle of rotation 0 360, Map due north and equipment and Angle of axis angle
skewnúmero0noAngle, range 0 40 , about with Inclination angle of shaft
enable-3DBooleanofalsenoDisplay 3D block(Tools not supported)
show-compassBooleanofalsenoShow compass
show-scaleBooleanofalsenoDisplay scale, tool does not support
enable-overlookingBooleanofalsenoOpen up Overlook
enable-zoomBooleanotruenoWhether scaling is supported
enable-scrollBooleanotruenoDrag supported
enable-rotateBooleanofalsenoSupport for rotation
enable-satelliteBooleanofalsenoWhether to turn on satellite imagery
enable-trafficBooleanofalsenoWhether to turn on real-time traffic
enable-poiBooleanotruenoWhether to show THEN point
enable-buildingBooleanonoWhether to display buildings
settingObjetonoConfiguration item
bindtapEventHandlenoTriggered when the map is clicked, Return latitude and longitude information
bindmarkertapEventHandlenoTriggered when the marker point is clicked,e.detail = {markerId}
bindlabeltapEventHandlenoTriggered when the label is clicked,e.detail = {markerId}
bindcontroltapEventHandlenoTriggered when the control is clicked,e.detail = {controlId}
bindcallouttapEventHandlenoWhen you click on the bubble corresponding to the marker point,e.detail = {markerId}
bindupdatedEventHandlenoTriggered when the map render update is complete✅ Triggered only when map loading is complete
bindregionchangeEventHandlenoTriggered when visual field changes
bindpoitapEventHandlenoTriggered when the map poi point is clicked,e.detail = {name, longitude, latitude}
bindanchorpointtapEventHandlenoWhen the positioning mark is clicked,e.detail = {longitude, latitude}

marker

attributeIntroduçõestypeRequiredRemarksSupport Level
idID do ponto de marcadornumbernomarker Click the event callback to return this id
clusterIdID do cluster agregadonumbernoTo customize the point cluster effect
joinClusterParticipe da agregação de pontosBooleannoDefault does not participate in point aggregation
latitudeLatitudenumberyesFloating point number, range -90 90
longitudeLongitudenumberyesFloating point number, range -180 180
titleChamadastringnoShown when clicked, and ignored when callout exists
zIndexNível de exibiçãonumberno
iconPathÍcones de exibiçãostringyesProject directory under the picture path, support network path, local path, code package path
rotateÂngulo de rotaçãonumbernoThe angle of a clockwise rotation 0 360, default to 0
alphaTransparência anotadanumbernodefault 1, no transparency, scope 0 1
widthLargura do ícone da etiquetanumber/stringnoDefault is the actual width of the picture
heightA altura do ícone da marcanumbernoDefault is the actual height of the picture
calloutJanela de bolha acima do ponto do marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.
customCalloutJanela de bolha personalizadaobjectno
labelAdicione rótulos ao lado dos pontos de marcadorObjectnoThe supported properties are shown in the following table and are recognized as newlines.
anchorLatitude e longitude no ícone do ponto de chamada ancoragem, ponto médio inferior padrãoObjectno{x, y},x Represent horizontal(0-1),y Vertical(0-1). {x: .5, y: 1} Represents the midpoint of the bottom
aria-labelAcessibilidade, descrição adicional de elementos (atributos)stringno

marker Bubbles on top callout

attributeIntroduçõestypeRemarksSupport Level
contentTextostring
colorCor de textostring
fontSizeTamanho do textonumber
borderRadiusFilé de fronteiranumber
borderWidthLargura da bordastring
borderColorCor da bordastring
bgColorCor de fundostring
paddingMargem de textonumber
display'Byclight': clique em Mostrar 'sempre': Chang Hinstring
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostring
anchorXEscritório lateral, positivo para a direitanumber
anchorYEscritório vertical, download positivonumber

marker Bubbles on top customCallout

Quando o alfândega existe, os atributos de destaque e título serão ignorados. Bolhas personalizadas adotam cobertura-Veja a maior flexibilidade personalizada.

attributeIntroduçõestypeRemarksSupport Level
display'Byclight': clique em Mostrar 'sempre': Chang Hinstring
anchorXEscritório lateral, positivo para a direitanumber
anchorYEscritório vertical, download positivonumber

O método de uso é o seguinte, adicione um nó de slot chamado chamada no componente do mapa e a capa interna-Ver via Marker-O atributo de identificação está vinculado ao marcador. Quando o marcador é criado, a capa-O conteúdo exibido pela visualização será exibido como a chamada como acima do ponto de marca.

js
<map>
  <cover-view slot= "callout" >
    <cover-view marker-id= "1" ></cover-view>
    <cover-view marker-id= "2" ></cover-view>
    <cover-view marker-id= "3" ></cover-view>
  </cover-view>
</map>

marker Bubbles on top label

attributeIntroduçõestypeRemarksSupport Level
contentTextostring
colorCor de textostring
fontSizeTamanho do textonumber
anchorXAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumber
anchorYAs coordenadas do rótulo, a origem é marcador correspondente e longitudenumber
borderWidthLargura da bordanumber
borderColorCor da bordastring
borderRadiusFilé de fronteiranumber
bgColorCor de fundostring
paddingMargem de textonumber
textAlignAlinhamento de texto. Valor válido: esquerda, direita, centrostring

polyline

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]
colorA cor da linhastringnoHexadecimal
colorListLinha do arco -írisarraynoIgnore when present color value
widthLargura da linhanumberno
dottedLineSe as linhas tracejadasbooleannodefault false
arrowLineLinhas com flechasbooleannodefault false
arrowIconPathSubstitua o ícone de setastringnoin arrowLine for true Effective
borderColorCor de borda da linhastringno
borderWidthEspessura da linhanumberno
levelRelação da glândulastringnoDefault is abovelabels

polygon

attributeIntroduçõestypeRequiredRemarksSupport Level
pointsArray de longitude e latitudearrayyes[{latitude: 0, longitude: 0}]
strokeWidthLargura de derramenumberno
strokeColorCor do golpestringnoHexadecimal
fillColorPreencha a corstringnoHexadecimal
zIndexDefinir valor de polígono z-asisnumberno
levelRelação da glândulastringnoDefault is abovelabels

circle

attributeIntroduçõestypeRequiredRemarksSupport Level
latitudeLatitudenumberyesFloating point number, range -90 90
longitudeLongitudenumberyesFloating point number, range -180 180
colorCor do golpestringnoHexadecimal
fillColorPreencha a corstringnoHexadecimal
radiusRaionumberyes
strokeWidthLargura de derramenumberno
levelRelação da glândulastringnoDefault is abovelabels

control

attributeIntroduçõestypeRequiredRemarksSupport Level
idID de controlenumbernoClicking on an event callback in a control returns this id
positionLocalização de controle no mapaobjectyesControl relative map position
iconPathÍcones de exibiçãostringyesProject directory picture path, support local path, code package path
clickableÉ clicável?booleannoDefault not clickable

position

attributeIntroduçõestypeRequiredRemarksSupport Level
leftAté que ponto a borda esquerda do mapa?numbernoDefaults to 0
topA que distância o limite superior do mapa?numbernoDefaults to 0
widthLargura de controlenumbernoDefaults to 0
heightAltura de controlenumbernoDefaults to 0