Error showing control buttons.

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Import the following JS classes.

<script src="http://maps.google.com/maps/api/js?sensor=true" 
type="text/javascript"></script>
<script src='js/jquery-ui-map/ui/min/jquery.ui.map.full.min.js'></script>   
<script 
src='js/jquery-ui-map/ui/min/jquery.ui.map.microformat.min.js'></script>    

<div class="row padding-md">
  <div class="col-lg-12">
    <div id="map_canvas" class="map rounded"></div> 
  </div>
</div>

$(function() { 
  $('#map_canvas').gmap({'zoom': 2, 
                     'zoomControl': true,
                     'panControl': false});
                });
What is the expected output? What do you see instead?

It should show the Buttons with a right size but it doesnt(Attached the image).

What version of the product are you using? On what operating system?
jquery-ui-map-3.0-rc.zip

Original issue reported on code.google.com by [email protected] on 1 May 2014 at 4:29

Attachments:

• [Gmaps Error Buttons..jpg](https://storage.googleapis.com/google-code-attachments/jquery-ui-map/issue-84/comment-0/Gmaps Error Buttons..jpg)

[GoogleCodeExporter]

Hi, that's because there is a max-width:100%; or something like that in your 
css file

Original comment by [email protected] on 1 Feb 2015 at 7:54