Thread

I’ve inserted a Google Map into a page, but it won’t work without the Latitude and Longitude entered. To do this, the Lat. and Lon. are inserted into Javascript code, as shown below. This code is not a complete code, but just the problem area. Is there a way to insert EE variables into javascript like this? Thanks!

< script type="text/javascript" >
function initialize() {
var myLatlng = new google.maps.LatLng({ee_latitude},{ee_longitude});
< /script >

I am not suer that will work, due to some parse order. That said, have you tried it? What happens when you hardcode the values? Moving to the CodeShare Corner.

Trying to insert the EE variables in the JS shows a blank box where the Google Map should be. Hard-coding the latitude and longitude numbers shows the correct map.

I tried using ASCII code for the brackets ( &# 123; for { and &# 125; for } ), but that didn’t work. I also used double and single quotes, but that didn’t work either. In both cases, the Google Map was blank. This may not be possible to insert EE variables into JS like this. Do you have any other ideas? Thanks for your help!

I’ve fought against this one a few times and it can be tricky - what works in some contexts doesn’t always work in others - usually depends whether you’re trying to input a string or a number.

The easiest way for strings might be something like this:

< script type="text/javascript" >
var theLat = "{ee_latitude}";
var theLong = "{ee_longitude}";
function initialize() {
var myLatlng = new google.maps.LatLng(theLat,theLong);
< /script >

However, that might not work for you since the map object is probably expecting a proper number - you can convert it from a string to number using parseFloat:

< script type="text/javascript" >
var theLat = parseFloat("{ee_latitude}");
var theLong = parseFloat("{ee_longitude}");
function initialize() {
var myLatlng = new google.maps.LatLng(theLat,theLong);
< /script >

Try that…

Thanks, At the Gates!  Actually, both JS versions worked! You’re a genius! I couldn’t program JS to save my life. 😊