Hi
Seem to have a problem with google maps displaying with T3 Framework with Joomla 3.1.5
Heres what I've done
In the template head I have this
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function start() {
initialize();
}
window.onload = start;
</script>
And within the article page content I have this
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(-38.421175, 144.852430),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas",
myOptions);
var image = 'images/map-icon.png';
var myLatLng = new google.maps.LatLng(-38.421175, 144.852430);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
}
</script>
<div id="map_canvas"></div>
In custom.css I have this
#map_canvas {width:100%; height:350px;}
Google Maps loads BUT with no controls
I have created the same as above in a fresh install of Joomla 3.1.5
But not installing T3 Framework and This time using protostar template and also using blank template from blank.vc, google controls display as they should.
I can't give you a working example of this as I'm working locally .
But wondering if you have come across this problem before and or if you might have a solution to this problem.
Regards
Ray