Você pode personalizar um mapa do Google para atender às necessidades específicas do seu público website usando o 3.0 da API do Google Maps. Um método consiste em colocar um círculo que mostra um raio de distância em torno de um determinado local . Por exemplo , coloque um círculo mostrando um raio de cinco milhas ao redor de um local turístico , assim os usuários podem visualizar os hotéis e restaurantes perto da atração. Para criar um raio de distância em torno de um local ou marcador , use o Google Maps classe " Circle" . Instruções
1

Abra o arquivo HTML e passar para a seção que contém o código do mapa do Google.
2

Percorra o código até encontrar o código onde você definir o local ou marcador . Para encontrar o marcador com facilidade , procure o termo " google.maps.Marker " em seu arquivo HTML.
3

Underneath onde você define o marcador , criar a sobreposição de " Circle" e vinculá-lo ao marcador . Por exemplo, digite :

var circleExample = new google.maps.Circle ({ mapa : mapa
4

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

var circleExample = new google.maps.Circle ({ mapa : mapa raio : . 5.000
5

Criar uma cor de preenchimento para o círculo Você define a cor usando um formato hexadecimal , por exemplo, tipo. :

var circleExample = new google.maps.Circle ({ mapa : mapa raio : 5000 fillColor = # FFFFFF });
6

Associado, ou ligar , o círculo ao marcador :

var circleExample = new google.maps.Circle ({ mapa : mapa raio : 5000 fillColor = # FFFFFF }); circleExample.bindTo ( "mapa" , marcador );
7

Salve o seu mapa e testá-lo. Google Maps exibe um círculo branco com um raio de 5.000 metros ao redor do local do marcador .