Hi, I have Lat/Long in my database see top if my page: here
as you can see there are 4 locations, I would like to add a marker for each of these locations, can anyone help or point me to a relevant tutorial?

here is my code:
Code:
<?php 
include_once("common.php");
$markers = mysql_query("SELECT * FROM wheremarkers");
while($row1 = mysql_fetch_array($markers))
	{
		echo 'Lat: '.$row1['rslat']; 
		echo 'Long: '.$row1['rslon'];
		echo 'Email: '.$row1['rsemail'];
		echo 'Name: '.$row1['rsname'];
		echo 'Desc: '.$row1['rsdesc'];
	}
?>
<!DOCTYPE html>
<html>
  <head>
  	<title>Where in the world?</title>
  <meta name="description" content="Where in the world">
  <meta name="author" content="John Biddulph">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
    <style>
      #map_canvas {
        width: 500px;
        height: 400px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
      function initialize() {
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(51.464960, -1.40625),
          zoom: 12,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options)
        
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
  	<div id='input'>
        <input type="hidden" id="encodedString" name="encodedString" value="<?php echo $encodedString; ?>" />
    </div>
  	<div class="five columns">

        <h1>Convert Lat and Long to Address</h1>

        <div class="box latlong">

            <label for="lat">Latitude</label>
            <input type="text" name="lat" id="lat" value="51.464960" />

            <label for="lng">Longitude</label>
            <input type="text" name="lng" id="lng" value="-1.40625" />

            <button title="Show Lat Long converted address on Map" onclick="showlatlong();">Convert to Address</button>
        </div> 

        <div class="box latlong">
            <strong>Reverse geocoded address is;</strong><hr />
            <span id="address">
                
            </span>
        </div>
              
        <div class="box latlongover">
            <h3>Map Mouse Over Lat &amp; Long</h3>

            <label for="mlat">Lat</label>
            <input type="text" name="mlat" id="mlat" />
            <br />
            <label for="mlong">Long</label>
            <input type="text" name="mlong" id="mlong" />
        </div>
    </div>
    
    <div id="latlongmap" style="width:100%; height:458px;">
        </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#lat").keyup(function(event){
            if(event.keyCode == 13){
                showlatlong();
            }
        });
        $("#lng").keyup(function(event){
            if(event.keyCode == 13){
                showlatlong();
            }
        });
    });
</script>

<script type="text/javascript">
  
    var map;
    var marker;
    var infowindow;
    var geocoder;
    
    function initialize() {
        var latlng = new google.maps.LatLng(1.10, 1.10);
        var myOptions = {
            zoom: 5,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.HYBRID 
        };
        map = new google.maps.Map(document.getElementById("latlongmap"),
        myOptions);
        marker = new google.maps.Marker({
            position: latlng, 
            map: map
        });
  
  geocoder = new google.maps.Geocoder();
  
        map.streetViewControl=false;
        infowindow = new google.maps.InfoWindow({
                content: "(1.10, 1.10)"
            });
            
        google.maps.event.addListener(map, 'click', function(event) {
            
            marker.setPosition(event.latLng);    
            var yeri = event.latLng;            
            var latlongi = "(" + yeri.lat().toFixed(6) + " , " +
                + yeri.lng().toFixed(6) + ")";
        
            infowindow.setContent(latlongi);
            google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);
            });
        
            if (infowindow) {
                infowindow.close();
            }
            infowindow.open(map,marker);
            document.getElementById('lat').value=yeri.lat().toFixed(6);
            document.getElementById('lng').value=yeri.lng().toFixed(6);
        });
    

        google.maps.event.addListener(map, 'mousemove', function(event) {
            var yeri = event.latLng;
            document.getElementById("mlat").value = yeri.lat().toFixed(6);
            document.getElementById("mlong").value = yeri.lng().toFixed(6);
        });
        showlatlong();
    }

    function showlatlong()
    {
        var latlong = new google.maps.LatLng(document.getElementById("lat").value, document.getElementById("lng").value);
        map.setCenter(latlong);
        marker.setPosition(latlong);
        map.setZoom(12);
        
        var latlongi = "(" + latlong.lat().toFixed(6) + " , " +
            + latlong.lng().toFixed(6) + ")";
        
        infowindow.setContent(latlongi);
        
        if (infowindow) {
            infowindow.close();
        }
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });
        
        codeLatLng(latlong);
    }

function codeLatLng(latlng) {
        geocoder.geocode({'latLng': latlng}, function(results, status) {
          if (status == google.maps.GeocoderStatus.OK) {
            if (results[1]) {
              marker.setPosition(latlng);
              infowindow.setContent(results[1].formatted_address);
              infowindow.open(map, marker);
              $('#address').text(results[1].formatted_address);
            } else {
              alert('No results found');
            }
          } else {
            alert('Geocoder failed due to: ' + status);
          }
        }
);
      }

function loadScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = 'https://maps.googleapis.com/maps/api/js?sensor=false&' +
                'callback=initialize';
        document.body.appendChild(script);
    }

    window.onload = loadScript;

</script>
  </body>
</html>
thanks

J