Maplace plugin method not working

JavaScript
1

I Am new to Javascript/JQuery and web design in general so I expect my problems stem from a fundamental understanding issue.

I have a page that loads location information from a database. When a user clicks on a radio button for a given record I want it to update the map with a polygon to highlight the bounding co-ordinates(N,S,E,W). I have been using the Maplace javascript plugin and I was able to successfully display the first location someone selected but not any subsequent ones. I realised this was possibly because on each radio click i was trying to create a new instance of the map. So now a basic map loads first, then I expect it to display the new markers when I use the method .SetLocations, parsing it the array and the boolean to update

The plugin page lists a method SetLocation() which I believe i could use to change the maps view but i cannot get it to work.

+++Java Script+++

$("form").submit(function(){
	var record = $("#recordSelected").attr('value');
	alert(record);
	});ww

	$("input:radio[name=recordSelected]").click(function() {
		var value = $(this).val().split(",");
		var site = [{
				lat: parseFloat(value[1]),
				lon: parseFloat(value[3]),
				icon: 'http://maps.google.com/mapfiles/markerA.png'
				},
				{
				lat: parseFloat(value[1]),
				lon: parseFloat(value[4]),
				icon: 'http://maps.google.com/mapfiles/markerB.png'
				},
				
				{
				lat: parseFloat(value[2]),
				lon: parseFloat(value[4]),
				icon: 'http://maps.google.com/mapfiles/markerD.png'
				},
				{
				lat: parseFloat(value[2]),
				lon: parseFloat(value[3]),
				icon: 'http://maps.google.com/mapfiles/markerC.png'
				}];
		
		maplace.SetLocations(site,1);
		maplace.Load();
		
	});
	
});

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv'+content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />
	<link rel="stylesheet" type="text/css" href="css\\style.css" media="screen" />
	<title>FRAT server</title>
	
	<script type="text/javascript" src="js\\jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="js\\siteView.js"></script>
	
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhVvnEx9GyiJS04q9Y2O6d-ey6hGm3oto&FALSE"></script>
	<script src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.7"></script>
	<script src="js\\maplace.min.js"></script>
	
	<style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
	
	<?
	$username="frat";
	$password="password";
	$database="FRAT";
	$table="Site";
	$connection = mysqli_connect('localhost', $username, $password, $database) or die("Could not connect");
	$query = "SELECT * FROM $database.$table";
	$result = mysqli_query($connection, $query);
	$numRows = mysqli_num_rows($result);
	?>
</head>
	
<body>
	<h1> Site Configuration</h1>
	<?
	echo "<form action=\\"\\">";
		echo "<table id=\\"employee\\">";
		echo "<tr><td>Select<td>Site ID<td>Active<td>N<td>S<td>W<td>E<td>Job #1<td>Job #2<td>Job #3<td>Job #4<td>Job #5<td>Job #6<td>Job #7<td>Job #8<td>Description<td>Last Modified";
			while($row = mysqli_fetch_array($result)){
				echo "<tr><td><input type=\\"radio\\" name=\\"recordSelected\\" value=\\"".$row['key'].",".$row['north latitude'].",".$row['south latitude'].",".$row['west longitude'].",".$row['east longitude']."\\"> <td>".$row['site id']." <td>".$row['active']." <td>".$row['north latitude']." <td>".$row['south latitude']." <td>".$row['west longitude']." <td>".$row['east longitude']." <td>".$row['job1']." <td>".$row['job2']." <td>".$row['job3']." <td>".$row['job4']." <td>".$row['job5']." <td>".$row['job6']." <td>".$row['job7']." <td>".$row['job8']." <td>".$row['Description']." <td>".$row['last modified'];
			}
			
			mysqli_close($connection);
	?>
		</table>
		<input type="Button" id="addSite" value="Add Site">
		<input type="Button" id="viewSite" value="View Site">
		<input type="Button" id="modifySite" Value="Modify Site">
		<input type="submit" name="deleteSite" value="Delete Site">
	</form>	
	<br>
	
	<div id="gmap" class="gmap"></div>
	<script>
	
</script>
</body>
</html>

Am I handling the method correctly?
Does my array have a problem?
Am I generally a crazy person who has no idea what they are doing?

If possible I would also like to know how i could modify other map values such as switching markers on/off as well as polygons.