You seem to have figured it out. Why not share your findings with the rest of the forum? 😉
You most likely forgot to give it a width in the setup. I see you set it to a fixed 150px in with and it works.
Well the fixed CSS in your HTML may have something to do with it:
(Notice the 350 in height)
<style type="text/css">
#ready_google_map_1{
width:700px;
height:350px;
float:right;
border:0px solid ;
margin:0px;
}
#gmapControlsNum_1{
width:700px
}
#ready_google_map_1 .gmpMarkerInfoWindow{
width:700px;
height:350px;
}
.gmpMapDetailsContainer#gmpMapDetailsContainer_1{
height:350px;
}
.gmp_MapPreview#ready_google_map_1{
/*position:absolute;*/
width:100%;
}
#mapConElem_1{
width:700px;
}
</style>
You can override the plugin CSS by writing the same in an included CSS and adding !important afterwards. Like
height:650px!important;