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❌