We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Ray
  2. General Discussion
  3. Friday, 23 August 2013
  4.  Subscribe via email
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
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ollie

This Worked

#your_google_maps_container {

width: 100%;

height: 300px; }



img {

max-width: none !important;

}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

adjust this and put it into your template.less.

#your_google_maps_container {
width: 100%;
height: 400px;

img {
max-width: none !important;
}
}


Best regards

Olli
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Wow, cool post. I’d like to write like this too – taking time and real hard work to make a great article… but I put things off too much and never seem to get started. Thanks though.
Run 4 Cat Ninja Ludo Star
  Limburg, Netherlands
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.