Localização do endereço da empresa no google maps

17/11/2017

0

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 carregou 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>
Marcos Oliveira

Marcos Oliveira

Responder

Post mais votado

17/11/2017

Boa tarde! Sexta-feira é momento de descanso.. :)
Marcos e se você só utilizar o iframe do maps.. Se precisar de api e etc..? Tenta fazer o teste..

pode até comentar a parte da api do maps. Depois configure o css certinho para esse iframe.


<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3981.14825098785!2d-38.63309668578129!3d-3.7779049972515693!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7c74ceab69ce9a1%3A0xe54b3b45478722cf!2sR.+Idealista%2C+600+-+Mal.+Rondon+(Jurema)%2C+Caucaia+-+CE%2C+61652-180!5e0!3m2!1spt-BR!2sbr!4v1510943314774" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>




Abraço, bom final de semana.

Marcelo Santana

Marcelo Santana
Responder

Mais Posts

18/11/2017

Marcos Oliveira

Ok resolvido
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar