Google mapas com jquery

C贸digo completo abaixo:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=CHAVEKEY"></script>
<script type="text/javascript" src="jquery.googlemap.js"></script>
</head>
<body>
<script type="text/javascript">
  $(function() {
    $("#map").googleMap({
      zoom: 15, // Initial zoom level (optional)
      type: "ROADMAP" // Map type (optional)
	  
    });
    $("#map").addMarker({
    	address: "avenida paulista, 1000 - S茫o Paulo - SP" // Endere莽o
    	
    });
  })
</script>
</body>
</html>

Chave key:

  1. Obtenha a chave usando este Tutorial
  2. Cola a chave key no segundo java script, aonde est谩 escrito CHAVEKEY

Download do Jquery Google Maps:

  1. Fa莽a o download aqui
  2. Cole o arquivo jquery.googlemap.js na mesma pasta do arquivo raiz

Configura莽茫o:
Coloque o endere莽o dentro do campo address:

Site para Col茅gio

Se voc锚 est谩 precisando desenvolver um site din芒mico para o seu col茅gio, temos a solu莽茫o ideal para voc锚.

Desenvolveremos um site din芒mico dentro da estrutura wordpress, assim voc锚 mesmo poder谩 atualizar a agenda, avisos e eventos do col茅gio.

O site tamb茅m possibilita apresentar o col茅gio, galeria de fotos, formul谩rio para contato, matricula, avisos, calend谩rio, card谩pio, lista de material e etc.

Criaremos um site resposivo para celulares e tabletes, al茅m de fazer um layout agrad谩vel e com a identidade visual do seu col茅gio

Entre em contato conosco e solicite um or莽amento
www.webdesign.emp.br/fale-conosco/

 

Nosso novo endere莽o

A webdesign est谩 com um novo escrit贸rio de webdesign em S茫o Paulo Zona leste.

Estrada Mogi das Cruzes, 2055 – S茫o Paulo – SP

Venha nos fazer uma visita. marque um hor谩rio conosco

Entre em contato