Tried that. Same result. Could it be something to do with loading of initial script?
On Jun 15, 12:05 pm, Fredrik Bonander <[email protected]> wrote: > I could be that your html and body tag doesn't have a heigh and with. > > So 100% of 0 is 0. Set in your css: > > html, body { height: 100%; with: 100%} > > probably the reason it works when you copy the code is that then the elements > exists on the page on render. > > You could also try changing 100% to a number in px. > > ..fredrik > > On 15 jun 2010, at 12.16, SamMP wrote: > > > > > I am using the simple code below to display a map. For some reason it > > is not displaying anything. When I do view generated source I can see > > the rendered map. If I copy that source in an html file. I can see the > > map. What is wrong? > > > <?xml version="1.0" encoding="UTF-8" ?> > > <%@ page language="java" contentType="text/html; charset=UTF-8" > > pageEncoding="UTF-8"%> > > <% > > double latitude = 33.65; > > double longitude =-84.43333333333334; > > %> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// > >www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en"> > > <head> > > <meta name="viewport" content="initial-scale=1.0, user-scalable=no" / > > > <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> > > <meta http-equiv="Pragma" content="no-cache"/> > > <meta http-equiv="Expires" content="-1"/> > > <meta name="description" content=""/> > > <title></title> > > <script type="text/javascript" src="http://maps.google.com/maps/api/ > > js?sensor=false" /> > > <script type="text/javascript"> > > var latitude = parseFloat('<%=latitude%>'); > > var longitude = parseFloat('<%=longitude%>'); > > function initialize() { > > var center = new google.maps.LatLng(latitude,longitude); > > var mapOptions = { > > zoom: 5, > > center: center, > > mapTypeId: google.maps.MapTypeId.ROADMAP > > }; > > var map = new > > google.maps.Map(document.getElementById("map_canvas"), mapOptions); > > } > > </script> > > </head> > > <body onload="initialize()";> > > <div id="map_canvas" style="width:100%; height:100%"></div> > > </body> > > </html> > > > Thanks Sam. > > > -- > > You received this message because you are subscribed to the Google Groups > > "Google Maps JavaScript API v3" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > For more options, visit this group > > athttp://groups.google.com/group/google-maps-js-api-v3?hl=en. > > -- > Fredrik Bonander > [email protected] > +46 70 943 5441 > > - the infinite power of the creative mind - -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
