Google Maps - Estilo

[jptoson 1]

Olá, como fazer um mapa igual ao do seguinte link: http://www.bnadvogadosassociados.com.br/contato/

 

 

[goodeathx 8]

Meu amigo, recomendo estudar : http://www.w3schools.com/googleapi/default.asp

 

Aí tem toda a informação básica para executar o mesmo procedimento, e até mais. Está em inglês, mas se desejar, posso te fazer um tutorial traduzido, mas pode demorar um pouco.

[jptoson 1]

Meu amigo, recomendo estudar : http://www.w3schools.com/googleapi/default.asp

 

Aí tem toda a informação básica para executar o mesmo procedimento, e até mais. Está em inglês, mas se desejar, posso te fazer um tutorial traduzido, mas pode demorar um pouco.

Olá, li o artigo, muito obrigado. Gerei uma key API e tenho o código de personalização do mapa, só não estou conseguindo fazer a parte onde uso minha key. Poderia me ajudar?

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
	<script type="text/javascript" charset="utf-8">
	var map;
	var map_grayscale = [
		{
		  featureType: "all",
		  elementType: "all",
		  stylers: [
			{ saturation: -100 } 
		  ]
		}
	];
		function initialize() {
		var mapOptions = {
			zoom: 16,
			scrollwheel: false,
			streetViewControl: false,
			center: new google.maps.LatLng(-13.0005739,-38.50449200000003),
			mapTypeControlOptions: {
				 mapTypeIds: ['grayscale']
			}
		};
					
		map = new google.maps.Map(document.getElementById('mapa'), mapOptions);
		var mapType = new google.maps.StyledMapType(map_grayscale, { name:"Mapa" });    
		map.mapTypes.set('grayscale', mapType);
		map.setMapTypeId('grayscale');
		var latLng = new google.maps.LatLng(-13.0005739,-38.50449200000003);
		var marker = new google.maps.Marker({ position: latLng, map: map, title: "BN Advogados Associados" }); 
	}
	google.maps.event.addDomListener(window, 'load', initialize);
	</script>

Esse é o código, onde eu insiro meu API?

[goodeathx 8]

Olá amigo, é a marcação que está faltando? No initialize() , abaixo do

var marker =new google.maps.Marker({ position: latLng, map: map, title: "BN Advogados Associados"})

Você utiliza:

marker.setMap(map)

Lembrando que o método:

google.maps.event.addDomListener(window, 'load', initialize);

Precisa ser aplicado dentro da página, não consegui fazer funcionar com arquivo externo.

[jptoson 1]

Valeu pela ajuda amigo, consegui fazer funcionar.

[goodeathx 8]

Por nada, espero que tenha ficado do jeito que queria, de resto, bons estudos/projetos/códigos :joia: