関数初期化に渡されたジオコードによって生成された座標を取得して、場所を含むマップを描画できるようにしようとしています。PHP から関数 initialize() に変数を引き継ぎましたが、lati 値と longi 値を読み取っていません。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<?php
$dlocation =$_POST['address'];
// Get lat and long by address
$address = $dlocation; // Google HQ
$prepAddr = str_replace(' ','+',$address);
$geocode=file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$prepAddr.'&sensor=false');
$output= json_decode($geocode);
$latitude = $output->results[0]->geometry->location->lat;
$longitude = $output->results[0]->geometry->location->lng;
echo 'latitute:'.$latitude . "\n";
echo 'Longitude:'. $longitude. "\n";
?>
<script type="text/javascript">
function initialize()
{ var lati = "<?php echo $latitude;?>";
var longi = "<?php echo $longitude;?>"
var latlng = new google.maps.LatLng(('lati', 'longi'));
var mapOptions = {
center: new google.maps.LatLng('lati', 'longi'),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
}
</script>
<title></title>
</head>
<body onload="initialize()">
<div id="map-canvas" style="width: 1000px; height: 900px">
</div>
</body>
</html>