Here's a script with mouse scrolling options, zooming, and more:
<script type="text/javascript" src="https://maps.google.com/maps/api/js"></script><script>//Chamarmapafunctioninitialize(){//Createamapobject,andincludetheMapTypeIdtoadd//tothemaptypecontrol.varlatlng=newgoogle.maps.LatLng(-27.230399,-52.028978);varmyOptions={zoom:15,center:latlng,//localizacaodoponteiro,definidaacimanavarlatlng.scrollwheel:false,//desativarscrollmapTypeControl:false,//desativaopcaodeescolhademapapanControl:false,//desativamovimentacaonomapa//zoomControl:false,//desativazommnomapa};varmap=newgoogle.maps.Map(document.getElementById("mapa_localiza"), //mapa_localiza é o id o quale usado na div a baixo para chamar o mapa.
myOptions);
//define o ponteiro
var image = '<?php print base_url(); ?>web-files/site/img/marker.png';
var beachMarker = new google.maps.Marker({
position: latlng,
map: map,
icon: image
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="mapa_contato">
<div id="mapa_localiza" style="height: 26em; width: 100%; float: left;"></div><!--CHAMA O MAPA, define altura do mesmo-->
</div>
In the Zoom field, you can set the initial zoom.
In var image you can set the map cursor.
