Placing PHP within Javascript

Question

I can't seem to get the PHP to echo out within a Javascript tag:

places.push(new google.maps.LatLng("<?php echo the_field('lat', 1878); ?>"));

What am I doing wrong?

Does the function (the_field('lat', 1878)) work correctly? — Felix Kling
– Felix Kling, Commented Sep 21, 2011 at 14:13
Post a more complete example, or try to reproduce it on a smaller scale and post that. — Alex Turpin
– Alex Turpin, Commented Sep 21, 2011 at 14:16

aziz punjani · Accepted Answer · 2011-09-21 14:18:11Z

2

Have you tried it without the quotes ?

places.push(new google.maps.LatLng(<?php echo the_field('lat', 1878); ?>));

answered Sep 21, 2011 at 14:18

aziz punjani

25.8k9 gold badges49 silver badges56 bronze badges

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

Comments

Olli · Accepted Answer · 2011-09-21 14:12:52Z

2

PHP works when you execute the page, and it should work. Please note that php does not execute when you run a JS function. Please also make sure that you really have that the_field function.

answered Sep 21, 2011 at 14:12

Olli

7526 silver badges20 bronze badges

3 Comments

Rob Over a year ago

the_field exists and echo out when just within html. I just want to echo the field within the javascript, surely that's possible right?

DGM Over a year ago

view source in the browser to see what it output

Kiley Naro Over a year ago

+1 for "php does not execute when you run a JS function". I could see a new developer easily making this mistake.

pixelbreaker · Accepted Answer · 2011-09-21 14:20:09Z

1

I suspect you have your " quotes in the LatLng method arguments when there shouldn't be any.

Your php should output a string such as '50.123123123, 12.123144' (without the ' quotes). The LatLng method expects 2 values.

places.push(new google.maps.LatLng(<?php echo the_field('lat', 1878); ?>));

Try that.

answered Sep 21, 2011 at 14:20

pixelbreaker

563 bronze badges

Comments

Martin Bean · Accepted Answer · 2011-09-21 14:18:42Z

0

If you're looking to populate a Google Map with markers as the result of a database query, you probably want to wrap it in a JSON web service. Something as simple as:

<?php
// file to query database and grab palces
// do database connection
$places = array();
$sql = "SELECT * FROM places";
$res = mysql_query($sql);
while ($row = mysql_fetch_object($res)) {
    $places[] = $row;
}

header('Content-Type: application/json');
echo json_encode($places);
exit;

And then in your JavaScript file:

// get places
$.getJSON('getplaces.php', function(response) {
    for (var i = 0; i < response.length; i++) {
        place[] = response[i];
        places.push(new google.maps.LatLng(place.lat, place.lng));
    }
});

answered Sep 21, 2011 at 14:18

Martin Bean

39.6k28 gold badges134 silver badges207 bronze badges

Comments

Daniel Kienböck · Accepted Answer · 2011-09-21 15:31:12Z

-1

If i understand what you are trying to do (maybe some more explanation of your problem is required for this), then this might be your answer:

places.push(new google.maps.LatLng(<?php echo '"' . the_field('lat', 1878) . '"' ?>));

EDIT: removed the ;

edited Sep 21, 2011 at 15:31

Daniel Kienböck

1054 bronze badges

answered Sep 21, 2011 at 14:16

lugte098

2,3197 gold badges21 silver badges30 bronze badges

2 Comments

Rob Over a year ago

That just gives me the error: Parse error: syntax error, unexpected '.' in /home/medicom/public_html/mapping/wp-content/themes/default/page.php on line 43

Salman Arshad Over a year ago

@Rob: this was the typo by the answerer. Try removing the unnecessary ;.

Collectives™ on Stack Overflow

Placing PHP within Javascript

5 Answers 5

Comments

3 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related