Home/ Questions/Q 577179
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T14:07:33+00:00

Hello Dear StackOverflowers, I am new to web programming and finding the server-client mixture

  • 0

Hello Dear StackOverflowers,

I am new to web programming and finding the server-client mixture confusing.
I have written very simple code which accepts a PHP 2D array [index][keys] (from a query) to just draw markers on a Google map (JavaScript). It works.
But it doesn’t look right to me!
Is this indeed the correct way to pass the values from my PHP array into the Javascript functions?

Thanks in advance
Ari

Edit for clarity again, added 4 spaces, thanks for the advice!

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<title><?php echo $title;?></title

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=GoogleMapsKey"
type="text/javascript">

</script>

<script type="text/javascript"  language="JavaScript">

var m_map;

//Add one marker. 
function addmarker(iLat, iLon)
{ 
 var point = new GLatLng(iLat, iLon);
 m_map.addOverlay(new GMarker(point)); 
}


function initialize() 

{

if (GBrowserIsCompatible()) 
{

    m_map = new GMap2(document.getElementById("map_canvas"));
    m_map.setCenter(new GLatLng(37.4419, -122.1419), 1);
    m_map.setUIToDefault();

    <?php foreach($query as $item):?>

    var oLat = '<?php  echo $item['lat'];?>';
    var oLon = '<?php  echo $item['lon'];?>';

    addmarker(oLat, oLon);  

    <?php endforeach;?>

}
}// End initialize() 

</script>
</head>

<body onload="initialize()" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"   ></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <?php 
foreach($query as $item):?>

    var oLat = '<?php  echo $item['lat'];?>';
    var oLon = '<?php  echo $item['lon'];?>';

    addmarker(oLat, oLon);  

    <?php endforeach;?>

    The above code segment should provide following output if you have $query variable set as
    $query=array(array(‘lat’=>2,’lon’=>4),array(‘lat’=>5,’lon’=>6),array(‘lat’=>7,’lon’=>8),array(‘lat’=>9,’lon’=>1));

    var oLat = ‘2’;
    var oLon = ‘4’;

    addmarker(oLat, oLon);

    var oLat = ‘5’;
    var oLon = ‘6’;

    addmarker(oLat, oLon);

    var oLat = ‘7’;
    var oLon = ‘8’;

    addmarker(oLat, oLon);

    var oLat = ‘9’;
    var oLon = ‘1’;

    addmarker(oLat, oLon);

    Check you page html source.

    • 0