The problem is that you are specifying your map div with a height: 100% style; For HTML, that means that it will take the complete height of it's parent element. However, the parent element is set to take only the height it needs. Therefore your map div has a height of 0;
You'll need to specify an absolute height for your map. Chad Killingsworth On Jun 22, 9:46 am, chesterb <[email protected]> wrote: > Just to let you know....I am also using google charts on this website, > they display OK although IE pops up a warning > > On Jun 22, 3:36 pm, Davide Cremonesi <[email protected]> wrote: > > > > > Hmmm, your application is served via https. I never tried but maybe the ajax > > calls to googlemaps server to populate the map tiles are blocked (as every > > other non secure content on a https page..) > > > Can someone confirm my suspition? > > > Davide > > > 2010/6/22 chesterb <[email protected]> > > > > OK.....URL ishttps://servicedesk.pcmsgroup.com/newcsi/index.php > > > > login with username - usert > > > and password is password > > > > then click the contact pcms on the left > > > > thanks > > > > On Jun 22, 1:44 pm, Chad Killingsworth > > > <[email protected]> wrote: > > > > We really need a link to your site to help debug the issue. > > > > See the posting guidelines in this forum. > > > > > Chad Killingsworth > > > > > On Jun 22, 7:04 am, chesterb <[email protected]> wrote: > > > > > > I am having problems trying to display the map on my website. I have > > > > > used firebug to trap errors but unfortunately there are none, the code > > > > > I am using is > > > > > > <meta name="viewport" content="initial-scale=1.0, user- > > > > > scalable=no" /> > > > > > <script type="text/javascript" src="http://maps.google.com/maps/ > > > > > api/js?v=3&sensor=false®ion=GB"></script> > > > > > > <script type="text/javascript"> > > > > > function initialize() > > > > > {ldelim} > > > > > var latlng = new google.maps.LatLng(-34.397, 150.644); > > > > > var myOptions = {ldelim} zoom: 8, center: latlng, mapTypeId: > > > > > google.maps.MapTypeId.ROADMAP {rdelim}; > > > > > var map = new > > > > > google.maps.Map(document.getElementById("map_canvas"), myOptions); > > > > > console.trace(); > > > > > {rdelim} > > > > > </script> > > > > > > <body onload="initialize()"> > > > > > > <div id="map_canvas" style="width:100%; height:100%;"></div> > > > > > > any assistance would be great > > > > -- > > > 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]<google-maps-js-api-v3%2B > > > [email protected]> > > > . > > > For more options, visit this group at > > >http://groups.google.com/group/google-maps-js-api-v3?hl=en. -- 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.
