How to use wordpress custom field variable in javascript map?

Question

Im hoping somebody can help with this. I am displaying a google map on a product page on my wordpress site. I have used Advanced custom fields to get a POSTCODE for the store location. I can output this to the product page with the following:

<?php $postCode = get_field('venu_postcode'); echo $postCode; ?>

But now I can not figure out how to get this value and use it in the Javascript to generate the map based on the postcode(variable). The code below is part of the javascript where the postcode should be.

var address = postCode;

If I type in

var address = 'an actual postcode';

Then the map works perfectly.

I have tried using

var postCode = "<?php Print($postCode); ?>";

to see if I could use the php variable in the javascript but have had no luck.

I keep getting the following error: Geocode was not successful for the following reason: ZERO_RESULTS

Can anybody help?

WheatBeak · Accepted Answer · 2016-02-04 21:51:00Z

2

Print with a capital P isn't a function, you should use echo anyway.

var postCode = "<?php echo $postCode; ?>";

answered Feb 4, 2016 at 21:51

WheatBeak

1,0216 silver badges12 bronze badges

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

1 Comment

fairydragon Over a year ago

this helped me fix the problem thank you! I was so sure that I was using the javascript variable incorrectly that I didnt even see the mistake

Collectives™ on Stack Overflow

How to use wordpress custom field variable in javascript map?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related