LocalContextMapView básico

Confira abaixo a visualização básica do mapa de Contexto local sem personalizações. Especificamos as propriedades obrigatórias específicas da Biblioteca do Contexto local de placeTypePreferences e maxPlaceCount e as propriedades básicas Map de center e zoom.

Entender o código

Opções de mapas do Contexto local

Em vez da classe google.maps.Map, um mapa de Contexto local é representado pela classe google.maps.localContext.LocalContextMapView. Os três parâmetros obrigatórios do construtor LocalContextMapView são o elemento no Modelo de objeto de documentos (DOM), que vai ser o contêiner da visualização de mapa, a lista de tipos de lugares que serão incluídos e um número máximo de resultados para exibição.

TypeScript

const localContextMapView = new google.maps.localContext.LocalContextMapView({
  element: document.getElementById("map"),
  placeTypePreferences: [
    { type: "restaurant" },
    { type: "tourist_attraction" },
  ],
  maxPlaceCount: 12,
});

JavaScript

const localContextMapView = new google.maps.localContext.LocalContextMapView({
  element: document.getElementById("map"),
  placeTypePreferences: [
    { type: "restaurant" },
    { type: "tourist_attraction" },
  ],
  maxPlaceCount: 12,
});

Definir a janela de visualização do mapa do Contexto local

Os limites locationRestriction padrão da pesquisa de local são definidos pela janela de visualização do mapa. Essa janela é estabelecida na primeira chamada para google.maps.localContext.LocalContextMapView.map.setOptions() quando o nível central e de zoom são definidos para o carregamento do mapa.

TypeScript

map.setOptions({
  center: { lat: 51.507307, lng: -0.08114 },
  zoom: 14,
});

JavaScript

map.setOptions({
  center: { lat: 51.507307, lng: -0.08114 },
  zoom: 14,
});

As chamadas seguintes para setOptions() não atualizam os lugares em destaque mostrados pela Biblioteca do Contexto local.

Testar amostra