Google map api initialize: initialize is not defined

Question

I get error in my console when using google map api:-Uncaught ReferenceError: initialize is not defined Any help please ?

JS

<script type="text/javascript">

function initialize() {


 var myLatLng = {lat: 42.52501, lng: 2.938979}; 
     var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: myLatLng,
    scrollwheel: false,
    draggable:true,



  });
     var image='logo.png';
     var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon:image

  });
}
</script>

HEADER.PHP

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key='YOUR API KEY HERE'"></script>

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body  onload="initialize()";></body>

Please provide a Minimal, Complete, Tested and Readable example that demonstrates the issue. — geocodezip
– geocodezip, Commented Feb 14, 2016 at 18:43

ScaisEdge · Accepted Answer · 2016-02-15 11:09:18Z

2

You call two time the google maps api , have body without code and is not clear where is placed the script with initialize function ...

i have played a litte with your code ..

HEADER.PHP

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body>

  <div id="map" style="height:500px; width:500px;"></div>
  <script>

    function initialize() {


     var myLatLng = {lat: 42.52501, lng: 2.938979}; 
         var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        center: myLatLng,
        scrollwheel: false,
        draggable:true,



      });
         var image='logo.png';
         var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon:image

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

edited Feb 15, 2016 at 11:09

answered Feb 14, 2016 at 17:19

ScaisEdge

133k10 gold badges98 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

hopo Over a year ago

I'm using another template

ScaisEdge Over a year ago

What di you mean ? ..you are not able to place the code in right source/file? update you question with you template or files involved ...so i can suggestion where place the code .. ..

hopo Over a year ago

i'm using wordpress, i was created new page template which contains script google map

hopo Over a year ago

i get error in my console :You have included the Google Maps API multiple times on this page. This may cause unexpected errors. when i put code in header any idea ?

ScaisEdge Over a year ago

Try removing the first script <script src='maps.googleapis.com/maps/api/js?v=3.exp'></script>

|

Collectives™ on Stack Overflow

Google map api initialize: initialize is not defined

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related