You need to specify a measurement for the height. Try: height: 400px
Chad Killingsworth On Jun 6, 5:35 am, Michael Beaumont <[email protected]> wrote: > Ok this is what I have pasted into a Joomla article.. > > {source} > <html> > <head> > <meta name="viewport" content="initial-scale=1.0, user-scalable=no" / > > <script type="text/javascript" src="http://maps.google.com/maps/api/js? > sensor=false"></script> > <script type="text/javascript"> > function initialize() { > var latlng = new google.maps.LatLng(-34.397, 150.644); > var myOptions = { > zoom: 8, > center: latlng, > mapTypeId: google.maps.MapTypeId.ROADMAP}; > > var map = new google.maps.Map(document.getElementById("map_canvas"), > myOptions); > > } > > </script> > </head> > <body onload="initialize()"> > <div id="map_canvas" style="width:100%; height:30"></div> > </body> > </html> > {/source} > > I have used a non percentage on the height but still nothing ;( > > On Jun 6, 1:25 am, Chad Killingsworth > > > > <[email protected]> wrote: > > Sweet - that's all I needed. It's an easy fix - you need to specify a > > non-percentage based height on your map div. > > > Chad Killingsworth > > > On Jun 5, 6:13 pm, Michael Beaumont <[email protected]> > > wrote: > > > > Of Course, apologies.... > > > > I pasted the following demo code > > > > var fenway = new google.maps.LatLng(42.345573,-71.098326); > > > var mapOptions = { > > > center: fenway, > > > zoom: 14, > > > mapTypeId: google.maps.MapTypeId.ROADMAP, > > > streetViewControl: true}; > > > > var map = new google.maps.Map( > > > document.getElementById("map_canvas"), mapOptions); > > > var panoramaOptions = { > > > position: fenway, > > > pov: { > > > heading: 34, > > > pitch: 10, > > > zoom: 1 > > > }}; > > > > var panorama = new > > > google.maps.StreetViewPanorama(document.getElementById("pano"), > > > panoramaOptions); > > > map.setStreetView(panorama); > > > > Into a joomla article as HTML Code > > > > If you look over atwww.mbeaumont.comandscrolldown under the header > > > of Google API3 Script Execute below is blank > > > > Ta > > > > On Jun 5, 11:51 pm, Chad Killingsworth > > > > <[email protected]> wrote: > > > > Not to be coy, but... > > > > > Step 1: Read the posting guidelines > > > > -http://groups.google.com/group/google-maps-js-api-v3/browse_thread/th... > > > > Step 2: Come back to this thread and post a link to the page that > > > > isn't working so we can see what's going on. > > > > > Chad Killingsworth > > > > > On Jun 5, 5:04 pm, Michael Beaumont <[email protected]> > > > > wrote: > > > > > > Hi all, > > > > > > I am trying to embed a demo map into my Joomla Site. Joomla is a > > > > > Dynamic Created CMS Website, and when I paste the demo code into > > > > > Joomla it will not embed. > > > > > > I have tested the code on a html page and everything shows up fine, > > > > > but embed the Javascript into Joomla, it does not work. > > > > > > I posted a query on the Joomla Forums and they state that I should > > > > > seek further advice on embedding the API into a Dynamic site. > > > > > > Any Ideas? > > > > > > Cheers > > > > > Mik > > > > > London- Hide quoted text - > > > > > - Show quoted text -- Hide quoted text - > > > - Show quoted text - -- 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.
