Focus a responsive Google Map?

Question

I've looked at SO and implemented the answer in the actual question.

But get the error:

Uncaught ReferenceError: google is not defined

I'm adding my map by embedding an iframe, also my JS is not run until

$(document).ready(function(){

So where am I going wrong?

score -1 · Answer 1 · answered Jan 03 '17 at 16:49

-1

I think google check you APIKEY before.

Try the method describe in the documentation passing a callback inside the scrips tag ;)

  <script type="text/javascript">

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -34.397, lng: 150.644},
    zoom: 8
  });
}

</script>
<script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

answered Jan 03 '17 at 16:49

Steeve Pitis

4,283
1
21
24

Nothing to do with the question. – panthro Jan 03 '17 at 16:52
When I try to help you, I suggest you to read correctly. if your `google` object is null that's because your script is not ready, this ensure `google` to be ready... – Steeve Pitis Jan 03 '17 at 16:54
But Im not embedding by a script, I suggest you read the question correctly. – panthro Jan 03 '17 at 16:59
In this case we have not enough details in your question. Why trying to play with the API if you don't include the API ? – Steeve Pitis Jan 03 '17 at 17:05

Focus a responsive Google Map?

1 Answers1