O maps não faz a localização no site [RESOLVIDO]
Estou desenvolvendo um site e quando estou trabalhando ofline, no meu computador a parte do contanto que aparece a localização no google maps da empresa funciona normalmente, só que ao carregar para o servidor ele diz: Esta página não corretamente o google maps.
esse é o código que eu estou usando:
<section id="contact">
<div id="google-map" style="height:650px" data-latitude="-3.777650" data-longitude="-38.631032"></div>
<div class="container-wrapper">
<div class="container">
<div class="row">
<div class="col-sm-4 col-sm-offset-8">
<div class="contact-form">
<h3>Nossos Contatos</h3>
<address>
<strong>Ceará Sites</strong><br>
Rua Idealista, 600, Jurema<br>
Caucaia-CE<br>
<abbr title="Telefone">Telefone:</abbr> (85) 9.9697-0944
</address>
<form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
<div class="form-group">
<input type="text" name="name" class="form-control" placeholder="Nome" required>
</div>
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="E-mail" required>
</div>
<div class="form-group">
<input type="text" name="subject" class="form-control" placeholder="Assunto" required>
</div>
<div class="form-group">
<textarea name="message" class="form-control" rows="8" placeholder="Mensagem" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Envie sua Mensagem</button>
</form>
</div>
</div>
</div>
</div>
</div>
</section><!--/#bottom-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-sm-6">
© 2017 by Ceará Sites.
</div>
<div class="col-sm-6">
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-flickr"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</footer><!--/#footer-->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/mousescroll.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script>Discussão (0)
Carregando comentários...