/docs/MyDocs

{{{

#!html

<div id="map_canvas" style="width: 600px; height: 400px; float: right;">...</div>

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

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

<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/kmz/ZipFile.complete.js"></script>

<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/kmz/geoxml3.js"></script> <!-- does not work from trunk -->

<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/trunk/ProjectedOverlay.js"></script>

<script type="text/javascript">

 var myParser;

 

  function addMyMarker(placemark) {

        myParser.createMarker(placemark);

  };

 

  function addMyOverlay(groundOverlay) {

        myParser.createOverlay(groundOverlay);

  };

 

  function maps_initialize() {

   var kml = 'http://mapsengine.google.com/map/kml?mid=zLEBKyweYYyM.ksHpfpJ-JNHg&rev=11';

   var map_canvas = document.getElementById('map_canvas');

   var map_options = { center: new google.maps.LatLng(49, 0), zoom: 8, mapTypeId: google.maps.MapTypeId.TERRAIN}

   var map = new google.maps.Map(map_canvas, map_options);

 

//   var myLayer = new google.maps.KmlLayer(kml);

//   myLayer.setMap(map);

 

    myParser = new geoXML3.parser({map: map, zoom: true});

//    myParser = new geoXML3.parser({map: map, processStyles: true, createMarker: addMyMarker, createOverlay: addMyOverlay});

    myParser.parse(kml);

 

   var cloudLayer = new google.maps.weather.CloudLayer();

   cloudLayer.setMap(map);

   var weatherLayer = new google.maps.weather.WeatherLayer({

     temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS

   });

   weatherLayer.setMap(map);

}

google.maps.event.addDomListener(window, 'load', maps_initialize);

</script>

}}}