После недавних изменений, внесенных Google в их API, мне пришлось переделать все страницы, которые у меня есть, включая карты.После многих часов работы все возвращается на круги своя, всего лишь пара проблем.Вот первый:
На некоторых страницах я открываю карту во всплывающем окне (www.floatboxjs.com) со строкой
<a href="../maps/map_hotel.php?<?php echo "hid=".$hid ?>" class="floatbox locmap" data-fb-options="caption:`<?php echo $row_hotel['hotel'];?>` scrolling:no">See location map</a>
Затем map_hotel.php состоит из одного элемента div внутритело.Если я указываю высоту этого div в процентах, карта не отображается.
html {height:100%}
body{height:100%;margin:0;padding:0}
#mapCanvas {height:100%;}
table.infowin, table.infowin tr, table.infowin td{margin:0;padding:0;border:0;background-color:#FFF;color:#666}
table.infowin td.pic{vertical-align:top}
td.pic img{margin-bottom:4px;border:none}
a{text-decoration:none}
.hotel{font-size:1.2em;font-weight:bold;color:#3498db}
.gm-style-iw{padding:6px;width:230px !important;border:1px solid #666;background-color:#fff}
Если я указываю высоту в пикселях, она отображается.Почему это должно быть?Учитывая большое разнообразие устройств, которые будут использоваться для его просмотра, фиксированная высота довольно неудовлетворительная.