Conforme a postagem realizada em Disable zoom google maps não funciona
O @Samir Braga respondeu o seguinte código:
<!doctype html>
<html lang="pt,BR">
<head>
<meta charset="UTF-8">
<title>API Google Maps V3</title>
<!-- Inicialização do mapa -->
<script>
function initialize() {
// Exibir mapa;
var myLatlng = new google.maps.LatLng(-8.0631495, -34.87131120000004);
var mapOptions = {
zoom: 17,
center: myLatlng,
panControl: false,
draggable: false,
zoomControl: false,
scrollwheel: false,
// mapTypeId: google.maps.MapTypeId.ROADMAP
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
}
// Exibir o mapa na div #mapa;
var map = new google.maps.Map(document.getElementById("mapa"), mapOptions);
// crio um objeto passando o array de estilos (styles) e definindo um nome para ele;
var styledMap = new google.maps.StyledMapType(styles, {
name: "Mapa Style"
});
// Aplicando as configurações do mapa
map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
}
// Função para carregamento assíncrono
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyDeHb17So0QupSGO_d6b8X-OyvJ32UQehs&sensor=true&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
<style>
#mapa{
width: 100%;
height: 500px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div id="mapa"></div>
</body>
</html>
Porém a minha pergunta seria quanto a resposta dele sobre o código. Tentei modificar aqui utilizando essa sugestão e deu certo, ficou muito bom inclusive, mas não aparece o pino (marcador) no local. Apenas o mapa com a minha coordenada ao centro, o marcador no local exato não aparece... portanto, existe algum parâmetro que permita incluir a marcação?
Tentei adicionar "marker" com a coordenada ou algo assim e não consegui.
Obrigado.