title: Uncaught ReferenceError: initialize is not defined
body: <p>I am trying to render multiple custom markers on a page using web2py's
  framework and my map will not render. Using chrome's debugger, I see
  two errors, one says "Uncaught SyntaxError: Unexpected token &lt;" and
  the second one says "Uncaught ReferenceError: initialize is not
  defined". I would appreciate help in determining what I am doing
  wrong.</p>
  
  <p>Here is the link to my site <a href="http://roamweb.sanren.ac.za/" rel="nofollow">http://roamweb.sanren.ac.za/</a> .</p>
  
  <p>A copy of my code is pasted below.</p>
  
  <pre><code>    &lt;!DOCTYPE HTML&gt; 
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=yes" /&gt;
      &lt;!--  &lt;style type="text/css"&gt;
      html { height: 100% }
      body { height: 100%; margin: 0px; padding: 0px }
      #map_canvas { height: 100% }
      &lt;/style&gt; --&gt;
  
      &lt;script type="text/javascript"
      src="http://maps.google.com/maps/api/js?v=3key={{=GOOGLEMAP_KEY}}&amp;sensor=false"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"&gt; &lt;![CDATA[
         function initialize() {
         var myOptions = {
         center: new google.maps.LatLng(-28.401065, 25.312500),
         zoom: 6,
         mapTypeId: google.maps.MapTypeId.ROADMAP
     };
  
         var map = new google.maps.Map(document.getElementById('map_canvas'),options);
  
         function createMarker(point, i, message) {
           if(i==0) google.maps.MarkerOptions = {
             {{for row in rows:}}{{if row.latitude and row.longitude:}}
             var point = new google.maps.LatLng({{=row.latitude}},{{=row.longitude}});
             var message = '{{=str(row.plugin_gmap_popup).replace("'","\\'")}}'
             var myicon = new google.maps.MarkerImage('http://roamweb.sanren.ac.za/db/static/Icon-wifi.png', null, null, new google.maps.Point(9,34), new google.maps.Size(37,34));
             var marker = new google.maps.Marker({
             position: point;
             icon: myicon;
             title: 'click me for info';
             )};
         };
         else google.maps.MarkerOptions = {};
         var infoWindow = new google.maps.InfoWindow({
           content:message
         )};
         google.maps.event.addListener(marker, 'click', function() {
             infoWindow.open(map, marker)
         });
  
         marker.setMap(map);
     };
  
         createMarker(point, 0, message);
  
         {{pass}}{{pass}}
   }
  ]]&gt;
  
      &lt;/script&gt;
      &lt;/head&gt;
      &lt;body onload="initialize()"&gt;
         &lt;div id="map_canvas" style="width: {{=width}}px; height:{{=height}}px"&gt;&lt;/div&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>