jquery-ui-map

jquery-ui-map

Hi,


I am completely new to javascript and jquery, (although I have done a lot of programming !)

this I adapted from:

http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-basic-example.html


which seems like a pretty nifty plug - in

This doesn't seem to work, is there avything inherently wrong with the way its written.


Much thanks in advance!



<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>Chapter 3 - Recipe 1 - Looping through a set of selected results</title>

<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>

<script src="PATH_TO_PLUGIN/jquery.ui.map.full.min.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"

type="text/javascript"></script>



</head>

<body>
Test

<div id="map_canvas" style="width:250px;height:250px"></div>


<script type="text/javascript">
       
       


 var yourStartLatLng = new google.maps.LatLng(59.3426606750, 18.0736160278);

jQuery('#map_canvas').text("hello world").gmap({'center': yourStartLatLng});

</script>


</body>

</html>