Google Maps API-Markierung basierend auf Daten

Question

So habe ich eine Reihe von Daten in meiner Datenbank, die Daten bestehen aus Standort-ID (loc_id), Länge und Breite. Was ich tun möchte, ist eine Karte, die aus Marker von allen meinen Standortdaten bestehen. Was sollte ich zuerst tun, um diese Karte zu erstellen? weil dies das erste Mal ist, dass ich Javascript benutze.
derzeit der Code, den ich die Karte zeigen, verwendet:

<script src="http://maps.googleapis.com/maps/api/js"></script> 

<script> 
    function initialize() { 
     var mapProp = { 
      center:new google.maps.LatLng(-7.803164,110.3398252), zoom:10, mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 
     var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

Answer 1

Sie müssen die Daten in Ihrer Datenbank in Javascript und dann die Schleife durch sie dann fügen Sie sie auf Ihre Karte ausgeben.

Holen Sie zuerst die Daten aus Ihrer Datenbank und machen Sie es in ein Javascript-Array. FYI meine PHP ist sehr rostig

var locations = [ 
    <?php 
     $query = 'SELECT * FROM sometable'; 
     $result = mysql_query($query); 
     $currentrow = 0; 
     while ($row = mysql_fetch_assoc($result)) { 
      $currentrow++; 
      echo '{'; 
      echo 'latitude : ' . $row[0] . ','; 
      echo 'longitude: ' . $row[1] ; 
      echo '}'.if(currentrow != msqli->num_rows){,} 
     } 
    ?> 
] 

Dann auf der Javascript Sie durch die Orte Array-Schleife müssen und sie als Marker erstellen.

for(var i = 0; i < locations.lengtht; i++){ 
     var myLatLng = { 
      lat: locations[i].latitude, 
      lng: locations[i].longitude 
     }; 
     var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: 'Your title' 
     }); 
    }