Jquery gMaps

Posted on by : admin Tags: , ,

Como inserir google maps no seu site com o endereço de um registro dinâmico.

Antes de tudo é necessario cadastrar a url do site no http://code.google.com/apis/maps/signup.html

Plugin utilizado: http://gmap.nurtext.de/

<script type=”text/javascript”>
$(function(){
var arr = [{
address: “Rua Guanabara, 01 – 06220-190 “,
html: “Aqui é minha casa”,
popup: true,
}];

$(“#map4”).gMap({
controls: [“GSmallZoomControl3D”, “GMenuMapTypeControl”],
markers: arr,
zoom: 16
});
});
</script>

<style type=”text/css”>
#map4 {
floar: left;
width: 500px;
height: 300px;
}
</style>

<div id=”map4″></div>