Uncaught SyntaxError: Unexpected end of input Google Maps API

Question

I'm getting this from my console when I debug it Uncaught SyntaxError: Unexpected end of input.

Here's my html:

<script type="text/javascript">
        src="https://maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false">
</script>
<div id="map"></div>

And my Javascript:

var mapOptions = {
    center: new google.maps.LatLng(30.249281,-97.81305),
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
    var map = new google.maps.Map(document.getElementById('map'), mapOptions);

var markerOptions = {
    position: new google.maps.LatLng(30.283288,-97.824286)
};
var marker = new google.maps.Marker(markerOptions);
marker.setMap(map);

I fixed the hanging tag, but my map still isn't showing.

You have added extra > in your script tag, <script type="text/javascript" src="maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false"> — Krish R
– Krish R, Commented Dec 12, 2013 at 18:26

karthikr · Accepted Answer · 2013-12-12 18:27:29Z

2

You have a dangling >

<script type="text/javascript">
    src="https://maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false">
</script>

should be

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false"></script>
                              ^ remove the > here

answered Dec 12, 2013 at 18:27

karthikr

100k26 gold badges208 silver badges191 bronze badges

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

9 Comments

user3093175 Over a year ago

I fixed that, do you have any idea why my map still wouldn't be showing? My CSS looks like this: #map { height: 300px; width: 300px; margin: 0; }

karthikr Over a year ago

ok 2 things: 1. Load jquery before the api calls. 2. Create a fiddle if that doesnt fix the issue

user3093175 Over a year ago

Here is my jfiddle jsfiddle.net/#&togetherjs=IEMNPtIzr4 and my apologies I'm very new to JS. You have been really helpful.

karthikr Over a year ago

It works: jsfiddle.net/yvk76 Just look hard to see the difference. Couple of minor issues

user3093175 Over a year ago

Quick question. Would you know if I'm using coda, and I launch a preview into chrome that it would stop this from working?

|

Krish R · Accepted Answer · 2013-12-12 18:29:07Z

1

You script tag should be like,

 <script type="text/javascript"  src="https://maps.googleapis.com/maps/api/js?key=MYKEYHERE&sensor=false"> </script>

answered Dec 12, 2013 at 18:29

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected end of input Google Maps API

2 Answers 2

9 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related