2013-05-13 115 views
0

我有一個地圖頁面,包括谷歌地圖來顯示用戶使用PHP和MySQL的靜態位置,因爲經度和lattitude存儲在數據庫中村表村號是在用戶表中的外鍵,所以我用INNER加入
但問題是,瀏覽器不顯示任何人都可以幫助我?使用谷歌地圖PHP與MySQL的顯示位置

map.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title><?php print "$firstname $lastname"; ?></title> 
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' /> 
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' /> 
<link href="default.css" rel="stylesheet" type="text/css" media="all" /> 
<!--[if IE 6]> 
<link href="default_ie6.css" rel="stylesheet" type="text/css" /> 
<![endif]--> 

<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
</script> 

<style type="text/css"> 
      #map { 
    width: 850px; 
    height: 500px; 
    border: 0px; 
    padding: 0px; 
    position: absolute; 
    top: 76px; 
    left: 253px; 
} 
</style> 
<script src="http://maps.google.com/maps/api/js?key=AIzaSyC9YBiNmZG9jIWY32FzJwn92iuJtJZHjfc&sensor=false" type="text/javascript"></script> 
<script type="text/javascript"> 
var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png", 
         new google.maps.Size(32, 32), new google.maps.Point(0, 0), 
         new google.maps.Point(16, 32)); 
      var center = null; 
      var map = null; 
      var currentPopup; 
      var bounds = new google.maps.LatLngBounds(); 
      function addMarker(lat, lng, info) { 
       var pt = new google.maps.LatLng(lat, lng); 
       bounds.extend(pt); 
       var marker = new google.maps.Marker({ 
        position: pt, 
        icon: icon, 
        map: map 
       }); 
       var popup = new google.maps.InfoWindow({ 
        content: info, 
        maxWidth: 300 
       }); 
       google.maps.event.addListener(marker, "click", function() { 
        if (currentPopup != null) { 
         currentPopup.close(); 
         currentPopup = null; 
        } 
        popup.open(map, marker); 
        currentPopup = popup; 
       }); 
       google.maps.event.addListener(popup, "closeclick", function() { 
        map.panTo(center); 
        currentPopup = null; 
       }); 
      }   
      function initMap() { 
       map = new google.maps.Map(document.getElementById("map"), { 
        center: new google.maps.LatLng(0, 0), 
        zoom: 14, 
        mapTypeId: google.maps.MapTypeId.ROADMAP, 
        mapTypeControl: true, 
        mapTypeControlOptions: { 
         style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR 
        }, 
        navigationControl: true, 
        navigationControlOptions: { 
         style: google.maps.NavigationControlStyle.ZOOM_PAN 
        } 
       }); 


<?php 

$query = mysql_query("SELECT lattitude, longiude FROM user u 
         INER JOIN village v 
         ON u.village = v.id")or die(mysql_error()); 
while($row = mysql_fetch_array($query)) 
{ 
// $name = $row['user_name']; 
    $lat = $row['lattitude']; 
    $lon = $row['longitude']; 
    //$desc = $row['desc']; 
//'<b>$name</b> 


    echo("addMarker($lat, $lon <br />');\n"); 

} 

?> 
center = bounds.getCenter(); 
    map.fitBounds(bounds); 

    } 
</script> 
</head> 
<body onload="initMap()" style="margin:0px; border:0px; padding:0px;"> 
<?php /*require_once('header.php');*/ ?> 
<div id="wrapper"> 
    <div id="page-wrapper"> 
     <div id="page"> 
      <div id="wide-content"> 
       <div id="map"></div> 
       </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    <?php /*require_once('footer.php');*/ ?> 
</body> 
</html> 

DATABSE stucture

村表:

  • ID
  • village_name
  • district_id
  • lattitude
  • 經度

用戶表:

  • USER_ID
  • FIRST_NAME
  • 姓氏
  • birth_date
  • EMAIL_ADDRESS
  • 專業化
  • USER_NAME
  • 密碼
  • 興趣
  • registered_date
  • last_log_date
+0

什麼是您最終的HTML是什麼樣子?添加了addMarker的東西嗎?另外,你確定你的領域是壟斷嗎?也許它應該是緯度。經度也一樣。 – karmafunk 2013-05-13 08:39:53

+0

它不顯示任何東西,即使谷歌地圖不顯示和名稱字段是正確的 – user2372265 2013-05-13 08:46:40

+0

不根據您的代碼。你的SQL說longiude。 – karmafunk 2013-05-13 11:03:43

回答

0

在addMarker的<br />()函數引起的問題,並在( & )是多餘的。

echo("addMarker($lat, $lon <br />');\n"); 

嘗試

echo "addMarker($lat, $lon);\n";