Syntax Error while implementing Google Map Javascript API with Smarty

Question

I am implementing google map api for my website, but smarty is throwing some kind of syntax error in the javascript module. This is really surprising because I just copied the code from examples given on google's website.

Smarty Says:

on line 236 "var myLatLng = {lat: -25.363, lng: 131.044};" - Unexpected ": ", expected one of: "}"

and my Javascript tag is:

 function initMap() {
   var myLatLng = {lat: -25.363, lng: 131.044};

   var map = new google.maps.Map(document.getElementById('map'), {
     zoom: 4,
     center: myLatLng
   });

   var marker = new google.maps.Marker({
     position: myLatLng,
     map: map,
     title: 'Hello World!'
   });
 }

I don't understand what the problem is and how to solve this.

apires · Accepted Answer · 2017-06-02 13:34:50Z

1

Try setting position as a new google.maps.LatLng([lat], [lng]) object.

function initMap() {
   var myLatLng = new google.maps.LatLng('-25.363', '131.044');

   var map = new google.maps.Map(document.getElementById('map'), {
     zoom: 4,
     center: myLatLng
   });

   var marker = new google.maps.Marker({
     position: myLatLng,
     map: map,
     title: 'Hello World!'
   });
 }

edited Jun 2, 2017 at 13:34

answered Jun 2, 2017 at 12:45

apires

9271 gold badge9 silver badges18 bronze badges

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

3 Comments

apires Over a year ago

Although my answer worked out for you, it didn't help to know the source of your problem. So, i think that this answer can help you with the smarty error you're getting.

Farhan Habib Over a year ago

Yeah exactly. I didnt get to know the root cause of the problem myself. Have to go through with the documentation of smarty for that.

apires Over a year ago

I have posted a link for an answer that might help you with that on my previous comment. stackoverflow.com/questions/5429012/… <- this one.

Farhan Habib · Accepted Answer · 2017-06-02 13:18:29Z

1

Changing

var myLatLng = {lat: -25.363, lng: 131.044};

to,

var myLatLng = new google.maps.LatLng('-25.363', '131.044');

actually worked.

Thanks to the person who posted the answer at first but then deleted it somehow.

answered Jun 2, 2017 at 13:18

Farhan Habib

1534 silver badges13 bronze badges

1 Comment

apires Over a year ago

I hadn't seen that the question had to do with smarty. So i thought my answer wouldn't help at all. I've undeleted it.

Collectives™ on Stack Overflow

Syntax Error while implementing Google Map Javascript API with Smarty

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related