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.comandscroll down 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.
