Step 1

Abra o arquivo HTML e vá à seção que contém o código do mapa do Google.

Step 2

Desça pelo código até encontrar o que define a localização do marcador. Para encontrar o marcador facilmente, pesquise pelo termo "google.maps.Marker" no arquivo HTML.

Step 3

Abaixo de onde você define o marcador, crie a camada "Círculo" e anexe-a a ele. Por exemplo, digite:

var circleExample = new google.maps.Circle({ map: map

Step 4

Adicione o raio do círculo que ficará ao redor do marcador em metros:

var circleExample = new google.maps.Circle({ map: map radius: 5000

Step 5

Crie uma cor de preenchimento do círculo. Você define a cor usando um formato hexadecimal. Por exemplo, digite:

var circleExample = new google.maps.Circle({ map: map radius: 5000 fillColor = #FFFFFF });

Step 6

Associe, ou agregue, o círculo ao marcador:

var circleExample = new google.maps.Circle({ map: map radius: 5000 fillColor = #FFFFFF }); circleExample.bindTo ('map', marker);

Step 7

Salve o mapa e o teste. O Google Maps irá mostrar um círculo branco com 5.000 metros de raio ao redor do local do marcador.