bonjour à tous

Je souhaiterai intégrer une google map dans la page contact de mon wordpress. Le soucis étant que j'ai une erreur avec le main.js.

Pour faire un test j'ai utilisé le code tout simple (qui fonction très bien...) : https://developers.google.com/maps/documentation/javascript/examples/map-simple

Mon erreur est la suivante :
Uncaught TypeError : cannot read property 'offsetWidth' of null

Voici mon code :

<?php
/*
Template Name: Contact
*/
?>

<?php get_header(); ?>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
        var map;
        function initialize() {
          var mapOptions = {
            zoom: 8,
            center: new google.maps.LatLng(-34.397, 150.644)
          };
          map = new google.maps.Map(document.getElementById('map-canvas'),
              mapOptions);
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

        <div id="content" class="clearfix row-fluid">
        <div id="map_canvas"></div>

<?php get_footer(); ?>

Je précise que je travaille en local sur wamp.

Avez vous une idée ?

Merci d'avance :)

4 réponses


ici

(le prend pas mal, mais faut aussi apprendre a chercher tout seul, google est là pour ça, tu peux trouver quasiment une solution a tous tes problèmes comme ça ^^)

Barbusan
Auteur

Merci pour ton aide precieuse jerem.

Simplement si je viens demader conseil ici, c'est que je n'ai pas trouvé sur google...

c'est marrant car sur le premier lien t'a la réponse à ta question ...

T'a pas des milliards de solutions associés a une même erreur

Barbusan
Auteur

Ton lien ne m'apporte pas d'aide en fait.
Sur les recherches que j'ai effectuées avant de venir ici, j'ai vu ce soucis d'ID mais ce n'est pas la cause à mon problème.
Si tu avais lu mon premier message, je précise que j'utilise un code qui fonctionne très bien, mais qui cause ce soucis une fois intégrer à wordpress

Au pire, évite de vouloir aider les gens en leur donnant un lien vers une autre personne qui donne une solution, enfin qui apporte son aide en fait...