帶有PHP和Javascript的Google MAP API

我是一個非常新的HTML5領域，我正在試圖製作一個程序，它將從PHP獲取數據並使用geocode從地址轉換爲Latlng。它是一個LBS程序，我嘗試了2個星期，我的問題是我不能將標記放入Google MAP中，我修正了定位器並加載了地圖，但標記無法登陸地圖，請幫助！謝謝，我非常感謝你的幫助。如果這段代碼有任何錯誤或問題，請給我慷慨的建議，我在這方面很新，我想在HTML5 Javascript中學習更多，謝謝你，我非常感謝你的建議！帶有PHP和Javascript的Google MAP API

我的代碼是在這裏：

   'enter code here`<?php 
       require_once 'Common/system_start.php'; 
       $sql="select addr from tab_mem order by sn desc "; 
       $result= mysql_query($sql); 
       $data=mysql_fetch_assoc($result); 
       $row=mysql_num_rows($result); 
       $n = array(); 
       for($i=0;$i<$rows;$i++) 
        { 
        $data=mysql_fetch_row($result); 
        $n[] = $data[0]; 
         } 
        echo '<script type="text/javascript">'; 
        echo var n = new Array("', join($n,'","'), '");'; 
        echo '</script>'; 
        ?> 
        <code> 

       <pre> 
      <!DOCTYPE html> 
      <html><head><meta charset="utf-8"> 

      <meta name="viewport" content="initial-scale=1.0,user-scalable=no"/> 
      <!-- Google Maps --> 
      <script type="text/javascript" src="http://maps.google.com/maps/api/js?         `enter code here`sensor=true"></script> 

      <script type="text/javascript" charset="utf-8" src="cordova-1.6.0.js"> 
      </script> 
      <!-- program main --> 
      <script type="text/javascript"> 
       var iterator=0; 
       markers=n; 
       var a=n.length; 


      function load() { 
      var map_div = document.getElementById("map_div"); 

      //initial locator 
      navigator.geolocation.watchPosition(onSuccess, onError, { frequency: 3000  `enter code here`}); 


       // decide location 
     function onSuccess(position){ 



//fetching latlng from GPS 

       var latlng = new google.maps.LatLng(position.coords.latitude, 
       `position.coords.longitude); 

       // display map 
       var gmap = new google.maps.Map(
        map_div, { 
        zoom:16, 
        center: latlng, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
        }); 




         //drop the marker 

        function drop() { 
        for (var i = 0; i < a; i++) { 
        setTimeout(function() { 
         }, i * 200); 
         } 
        } 



      //decode address to latlng 
      //pass address data from PHP 
      for(var i in n){ 
    var address=n; 
     geocoder=new google.maps.Geocoder(); 
     geocoder.geocode({'address':address},function(results,status){ 
    if(status==google.maps.GeocoderStatus.OK){ 
     //alert("AAA"); 
     address=results(i).geometry.location; 
    function addMarker() { markers.push(new google.maps.Marker({ 

         postion:results(i).geometry.location, 
         map:gmap, 
         animation:google.map.animation.DROP 
         //iterater++; 

     })); 
    //itertor++; 
    } 
    //markerNearBy.setMap(map); 
    }else{ 
    alert("Geocode was not sucessful for the following reason:"+status); 
    } 
    }); 
} 
    } 

    } 



    function onError(error) { 
      alert('code: '+ error.code+ '\n' 
       +'message: ' + error.message + '\n');  
     } 

    </script> 
    </head> 
    <body onLoad="load()"> 
    <!-- Map Display place --> 
    <div id="map_div" style="width:320px; height:480px;"></div> 
    </body> 
    </html> 
    <code>

來源

2012-05-08 Shuyou Chang