how to pass php variables to javascript map function

Question

Just want to pass php variables $x and $y to javascript map function (as lat and long). Please help. Here is my controller:

<?php
$x = 25.114667;
$y = 55.137797;
?>

Here is my JS file:

function initialize()
    {
    var myCenter = new google.maps.LatLng(lat,long);
    var mapOptions = {
      center:myCenter,
      zoom:12,
      mapTypeId:google.maps.MapTypeId.ROADMAP
      };
    var map=new google.maps.Map(document.getElementById("googleMap")
      ,mapOptions);

    }   google.maps.event.addDomListener(document.getElementById('showhidemap'), 'click', initialize);

Try to debug you code-> alert(lat) below the var long = "<?php echo $y; ?>"; and see value is coming or not. — Jitendra Yadav
– Jitendra Yadav, Commented May 24, 2014 at 12:09
the javascript code is in external file. Can it be a problem? — NiceTry
– NiceTry, Commented May 24, 2014 at 12:23
Ok, you can't run PHP it seems.. I suspect this is a plain .js file, you need to execute your php echos inside a php file, which will product a javascript object, then use this object in the .js file. — user1299518
– user1299518, Commented May 24, 2014 at 12:25

Satish Sharma · Accepted Answer · 2014-05-24 12:39:44Z

2

you are passing string in you js variable lat and long. assign value directly as float
try this

 var lat = <?php echo $x; ?>;
 var long = <?php echo $y; ?>;

also must include the script with google map key on above of google map initialization.

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=GOOGLE_MAP_KEY&sensor=true"> </script>

GOOGLE MAP KEY : must be generate for your site.

see some urls might help you

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map
https://developers.google.com/maps/signup?csw=1
https://developers.google.com/maps/documentation/javascript/tutorial

edited May 24, 2014 at 12:39

answered May 24, 2014 at 11:56

Satish Sharma

9,6356 gold badges31 silver badges52 bronze badges

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

18 Comments

NiceTry Over a year ago

I have already tried in that way. Codeigniter shows syntax errors.

Satish Sharma Over a year ago

what kind of syntax error? show me. may be syntax error for another reason.

NiceTry Over a year ago

I took a printscreen of the error. Please advise how can I send it to you.

Satish Sharma Over a year ago

@TProDeveloper update your question with that image.

NiceTry Over a year ago

I just did it. Please have a look.

|

manout · Accepted Answer · 2014-05-24 12:27:15Z

0

did you try to add

$x = 25.114667;
$y = 55.137797;

to some tag like

<div data-lat="<?php echo $y; ?>" data-long="<?php echo $y; ?>" id="showhidemap">show map</div>

answered May 24, 2014 at 12:27

manout

412 silver badges10 bronze badges

Comments

score 0 · Accepted Answer · 2014-05-24 13:38:50Z

0

You need to create a Javascript object in your .php file, just before your include your javascript file (the one containing the above fragment), which will be filled by your longitude/latitude information. Like this:

YOUR PHP FILE

<html>
   ...
   <script type="text/javascript">
      var mapLangLat = {
         long:<?php echo $x; ?>,
         lati:<?php echo $y; ?>
      };
   </script>
   <script src="my_remote_script.js"></script>
   ...

YOUR JAVASCRIPT FILE

<script>
function initialize()
    {

    var lat = window.mapLangLat.lati;
    var long = window.mapLangLat.long;

    ...

It's required to find the PHP part above to be able to code that little javascript object.

edited May 24, 2014 at 13:38

answered May 24, 2014 at 13:28

user1299518

Collectives™ on Stack Overflow

how to pass php variables to javascript map function

3 Answers 3

18 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

18 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related