내 웹 사이트에 Google지도를 삽입하는 방법.

-4

Google지도가 내 웹 사이트에 삽입되어 있으며 Google 웹 사이트의 모든 단계를 수행했지만 브라우저에 표시 할지도를 만들지 않았습니다. 아무도 내가내 웹 사이트에 Google지도를 삽입하는 방법.

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>Map Page</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: 3px solid #FF0000; 
    padding: 0px; 
    position: absolute; 
    top: 250px; 
    left: 253px; 
} 
</style> 
<script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBLM6vAtHLu_SgqOtrAZvLSBoQUfILmPLI&sensor=false"> 
    </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, user_name,village_name, longitude FROM user u 
         INNER 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> 
var_dump($query); 

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

} 
echo "this is not working"; 
?> 
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>

출처

2013-05-13 user2372265

지도는 당신의 선택 문에서 .. 즉오고있다. –

하지만 querry 시도하고 올바른 결과를 – user2372265

var_dump 및 "이 작동하지 않습니다"; 나는 그것이 작동해야한다고 생각한다 –

아래의 코드에서 어떤 문제가 있는지 말해 줄 수. JS 코드의 중간에있는 출력물은 아마도 코드를 위반하는 것일 수 있습니다.

JS 콘솔 (예 : 크롬 또는 방화 광)으로 확인하면 오류가 표시됩니다. 이와

시도 : 난 당신의 PHP 부분을 가지고가는 경우에

while($row = mysql_fetch_array($query)) 
{ 
    $name = $row['user_name']; 
    $lat = $row['lattitude']; 
    $lon = $row['longitude']; 
    echo("addMarker('$lat', '$lon');\n"); 
} 
?>

출처

2013-05-13 11:28:43

@ Alex는 그것이 표시하는 방화 녀를 사용했다 : **

resource(5,mysql result)

addMarker (33.659049, 35.504174
');

resource(5,mysql result)

addMarker (33.859246, 35.511971
');

resource(5,mysql result)

addMarker (33.89996, 35.60476
'); 작동하지 않습니다. center = bounds.getCenter(); map.fitBounds (bounds); ** – user2372265

예, 거기에 var_dump의 결과가 표시됩니다. 그것은 자바 스크립트가 이해할 수없는 것을 생성합니다. 제가 보낸 코드로 시도해 볼 수 있습니까? –

내 웹 사이트에 Google지도를 삽입하는 방법.

답변

관련 문제