Приведенные решения не работают, как надо, я смог заставить работать только "родные" карты Google (не typo3 extension) с фиксированным размером.
Итак, вот на чем я остановился:
в файле /ext/jfmulticontent/res/jquery/css/theme-1.8.16/jquery-ui-1.8.16.custom.css
меняю стили (без этого вообще работать отказывается):
Код:
/*.ui-tabs .ui-tabs-hide { display: none !important; }*/
.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }
вставляю "родную" google map (plain HTML):
Код HTML:
<div id="gmap_world" style="width:600px; height:500px"></div>
и скрипт:
Код:
page.headerData {
199 = HTML
199.value (
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
window.onload = function () {
initialize();
}
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 2,
center: new google.maps.LatLng(32.51717143645802, -8.7890625),
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("gmap_world"), myOptions);
}
</script>
)}