У меня возникла небольшая проблема с использованием компонента gmap: когда я пытаюсь сделать компонент изменчивым (т. Е. Установить высоту и ширину карты на 100% с помощью CSS), компонент сжимается и отображается сам становится невидимым. Но если установлена фиксированная высота/ширина, компонент работает нормально. Есть ли способ сделать автоматический размер для gmap?Графики поверхностей: autoresize
Просто подумайте. Вы применяете размер к фактическому #map или #map_content (или что-то еще), который удерживает div на вашей странице, а не о самой карте?
Если вы только проклейки карту, а не содержащий DIV, а затем 100% от 0 до сих пор 0
Проблема, вероятно, со стилем CSS. Если кто-то по-прежнему заинтересован в решении этой проблемы ниже код работает для меня:
CSS:
html, body, form {
height: 100%;
margin: 0;
}
.mapClass {
width: 100%;
height: 100%;
}
XHTML:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<link href="./resources/css/style.css" rel="stylesheet" type="text/css" />
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
</h:head>
<h:body>
<h:form>
<p:gmap widgetVar="gmtls" center="41.381542, 2.122893" zoom="15" type="hybrid" styleClass="mapClass"/>
</h:form>
</h:body>
</html>
пожалуйста, поделитесь своим кодом. – Ankit