基本的に、データベースから情報を取得する動的な Google マップを作成しています。接続は問題なく、クエリは問題ありませんが、関数から変数 ($row) にアクセスできません。
PHP関数自体の内部からすべてのjavascriptを解析する必要がありますか? または、ページで静的にして、javascript のすぐ上で関数 (getCurrentMapData) を呼び出すだけで変数にアクセスできますか?
function getCurrentMapData( $select )
{
global $mysqli;
$sql = $mysqli->query($select);
if(!$sql) {
printf("%s\n", $mysqli->error);
exit();
}
$row = $sql->fetch_array();
}
そして、これが私たちの始まりです:
<?php
$select = "SELECT `id`, `title`, `address`, `lat`, `lng`, `date` FROM `globalmap` ORDER BY `id` desc ";
getCurrentMapData( $select );
?>
<h3>
I'm Currently Playing @
<?php echo $row['title'] ?>
</h3>
<div id="map">
<div id="ps_map_1" class="mapCon">
</div>
</div>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script> <script>
// <![CDATA[
var psGlobals = {
address: "<?php echo $row['address'] ?>",
lat: <?php echo $row['lat'] ?>,
lon: <?php echo $row['lng'] ?>,
zoomlevel: 13
};
function initialize()
{
psGlobals.latlng = new google.maps.LatLng(psGlobals.lat, psGlobals.lon);
buildMap();
psGlobals.dirRenderer = new google.maps.DirectionsRenderer();
psGlobals.dirService = new google.maps.DirectionsService();
}
function buildMap()
{
var myOptions, marker;
myOptions = {
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.ZOOM_PAN
},
mapTypeControl: true,
scaleControl: false,
zoom: psGlobals.zoomlevel,
center: psGlobals.latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
psGlobals.map = new google.maps.Map(document.getElementById("ps_map_1"), myOptions);
psGlobals.marker = new google.maps.Marker({
position: psGlobals.latlng,
map: psGlobals.map,
title: "<?php echo $row['title'] ?>"
});
}
$(document).ready(function(){
initialize()
});
// ]]>
</script>