Web Components Navigating Map Content
Navigation in the IgcGeographicMapComponent
control is enabled by default and it allows zooming and panning of the map content. However, this behavior can be changed using the zoomable
property. It is important to know that the map allows only synchronized zooming - scaling the map content with preserved aspect ratio. As result, it is not possible to scale the map content vertically without scaling it also horizontally and vice versa.
Web Components Navigating Map Content Example
Geographic Coordinates
Você navega pelo conteúdo do mapa dentro da região geográfica delimitada por estas coordenadas:
- horizontalmente de 180°E (negativo) a 180°W (positivo) longitudes
- verticalmente de latitudes de 85°S (negativo) a 85°N (positivo)
Este trecho de código mostra como navegar no mapa usando coordenadas geográficas:
Window Coordinates
Além disso, você pode navegar pelo conteúdo do mapa dentro do retângulo da janela delimitado por estas coordenadas relativas:
- horizontalmente de 0,0 a 1,0 valores
- verticalmente de 0,0 a 1,0 valores
Este trecho de código mostra como navegar no mapa usando coordenadas relativas da janela:
Properties
The following table summarizes properties that can be used in navigation of the IgcGeographicMapComponent
control:
Nome da propriedade | Tipo de propriedade | Descrição |
---|---|---|
windowRect |
Retângulo | Define nova posição e tamanho da janela de navegação na área visível do conteúdo do mapa. Rect com valores 0, 0, 1, 1 diminuirá o zoom de todo o conteúdo do mapa na janela de navegação. |
windowScale |
número | Define o novo tamanho da janela de navegação no controle do mapa. É equivalente ao menor valor de Largura ou Altura armazenado nowindowRect propriedade |
windowPositionHorizontal |
número | Define a nova posição horizontal do ponto de ancoragem da janela de navegação a partir da borda esquerda do controle do mapa. É equivalente ao valor armazenado na Esquerda dowindowRect propriedade. |
windowPositionVertical |
número | Define a nova posição vertical do ponto de ancoragem da janela de navegação a partir da borda superior do controle do mapa. É equivalente ao valor armazenado no Topo dowindowRect propriedade. |
actualWindowRect |
Retângulo | Indica a posição atual e o tamanho da janela de navegação na área visível do conteúdo do mapa. Rect com valores 0, 0, 1, 1 exibe todo o conteúdo do mapa na janela de navegação. |
actualWindowScale |
número | Indica o tamanho atual da janela de navegação no controle do mapa. É equivalente ao menor valor de Largura ou Altura armazenado noactualWindowRect propriedade |
actualWindowPositionHorizontal |
número | Indica a posição horizontal atual do ponto de ancoragem da janela de navegação a partir da borda esquerda do controle do mapa. É equivalente ao valor armazenado na Esquerda doactualWindowRect propriedade. |
actualWindowPositionVertical |
número | Indica a posição vertical do ponto de ancoragem da janela de navegação a partir da borda superior do controle do mapa. É equivalente ao valor armazenado no Topo doactualWindowRect propriedade. |