From 0f3535092068ea18973941e432beb73dba6ce2af Mon Sep 17 00:00:00 2001
From: crschmidt <crschmidt@crschmidt.net>
Date: Mon, 31 Mar 2008 06:19:43 +0000
Subject: [PATCH] Add sizes to a couple of the sundial images, and zoom into
 show two of the ones we hae sizes for to create a more compelling first
 impression.

git-svn-id: http://svn.openlayers.org/trunk/openlayers@6730 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/kml/sundials.kml | 4 ++--
 examples/sundials.html    | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/examples/kml/sundials.kml b/examples/kml/sundials.kml
index caadf16a91..8a68305d1c 100644
--- a/examples/kml/sundials.kml
+++ b/examples/kml/sundials.kml
@@ -1040,7 +1040,7 @@ http://www.bigwaste.com/photos/az/sundial/]]></description>
 			</Placemark>
 			<Placemark>
 				<name>Sundial, University of Science and Technology, Hong Kong</name>
-				<description><![CDATA[<p><img src="http://perso.orange.fr/cadrans.solaires/cadrans/images/Maes-hongkong.jpg"></p>
+				<description><![CDATA[<p><img src="http://perso.orange.fr/cadrans.solaires/cadrans/images/Maes-hongkong.jpg" width="295" height="370"></p>
 
 <p>Image source:<a href="http://perso.orange.fr/cadrans.solaires/cadrans/originaux-monde.html">http://perso.orange.fr</a></p>]]></description>
 				<LookAt>
@@ -1831,7 +1831,7 @@ California</name>
 			</Placemark>
 			<Placemark>
 				<name>Sundial, Tazacorte Beach ,La Palma island</name>
-				<description><![CDATA[<p><img src="http://img.groundspeak.com/waymarking/display/10cced19-2b34-482d-86c5-ee72fca9ab87.jpg"></p>
+				<description><![CDATA[<p><img src="http://img.groundspeak.com/waymarking/display/10cced19-2b34-482d-86c5-ee72fca9ab87.jpg" width="400" height="300"></p>
 
 <p>Image credit:<a href="http://www.waymarking.com/waymarks/WM173Y">www.groundspeak.com</a></p>]]></description>
 				<LookAt>
diff --git a/examples/sundials.html b/examples/sundials.html
index e339586dd0..9a77c44ab5 100644
--- a/examples/sundials.html
+++ b/examples/sundials.html
@@ -6,10 +6,11 @@
     <style type="text/css">
         #map {
             width: 100%;
-            height: 100%;
+            height: 80%;
             border: 1px solid black;
         }
-        .olPopup p { margin:0px; }
+        .olPopup p { margin:0px; font-size: .9em;}
+        .olPopup h2 { font-size:1.2em; }
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
@@ -36,7 +37,7 @@
   
             map.addControl(selectControl);
             selectControl.activate();   
-            map.zoomToMaxExtent();
+            map.zoomToExtent(new OpenLayers.Bounds(68.774414,11.381836,123.662109,34.628906));
         }
         function onPopupClose(evt) {
             selectControl.unselect(selectedFeature);
@@ -46,7 +47,7 @@
             popup = new OpenLayers.Popup.FramedCloud("chicken", 
                                      feature.geometry.getBounds().getCenterLonLat(),
                                      new OpenLayers.Size(100,100),
-                                     "<div style='font-size:.8em'>"+feature.attributes.description+"</div>",
+                                     "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description,
                                      null, true, onPopupClose);
             feature.popup = popup;
             map.addPopup(popup);