Клуб API Карт

Клуб API Карт

Добавление многоугольника на карту

Пост в архиве.

Хочу добавить многоугольник на карту, в код скрипта добавляю в соответствии с Руководством, следующим образом:

<!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>
    <title>Пример</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://api-maps.yandex.ru/1.1/index.xml?key= мой API-ключь"
    type="text/javascript"></script>
<script type="text/javascript">
 
    YMaps.jQuery(function () {
     
        var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
          
        map.setCenter(new YMaps.GeoPoint(30.33255,60.05141), 8);
      
        map.setType(YMaps.MapType.HYBRID);
        map.addControl(new YMaps.TypeControl());
        map.addControl(new YMaps.ToolBar());
        map.addControl(new YMaps.Zoom());
        map.enableScrollZoom();
        map.addControl(new YMaps.ScaleLine());


var searchConrol = new YMaps.SearchControl({ resultsPerPage : 5, useMapBounds : true });
map.addControl(new YMaps.SearchControl);


var polygon = new YMaps.Polygon([ new YMaps.GeoPoint(30.336864,60.2408),
                                  new YMaps.GeoPoint(30.636241,60.143702),
                                  new YMaps.GeoPoint(30.726878,60.025704),
                                  new YMaps.GeoPoint(30.614246,59.944966),
                                  new YMaps.GeoPoint(30.527728,59.892565),
                                  new YMaps.GeoPoint(30.527728,59.892565),
                                  new YMaps.GeoPoint(30.417865,59.867023),
                                  new YMaps.GeoPoint(30.26543,59.879451),
                                  new YMaps.GeoPoint(30.203632,59.947722),
                                  new YMaps.GeoPoint(29.971546,60.035783),
                                  new YMaps.GeoPoint(30.001758,60.147583),
                                  new YMaps.GeoPoint(30.26131,60.231695)
                                 
                               ]);



    })

</script>
<body>
<table align=center>
<tr align=center>
<td align=center valign-top>
    <div id="YMapsID" style="width:550px;height:600px"></div>
</td>
</tr>
</table>
</body>
</html>


Многоугольник не отображается, что неправильно?

Заранее благодарен!