0

Primefaces を使用して googlemap を表示する次のコードがあります。これはマップをレンダリングしていません。ただし、style="width:600px;height:400px" を設定すると、正常に動作します。ブラウザーでマップのフル ページ ビューを取得するにはどうすればよいですか?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<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:p="http://primefaces.org/ui">
<h:head>
    <script src="http://maps.google.com/maps/api/js?sensor=false&amp;v=3.4" type="text/javascript"></script>           
</h:head>
    <h:body>
        <f:view contentType="text/html">
            <h:form>
                <p:gmap center="#{loadBean.centerLatitude},#{loadBean.centerLongitude}" style="width:100%;height:100%" zoom="3" type="HYBRID"/>
            </h:form>
        </f:view>
    </h:body>
</html>
4

2 に答える 2

0

2 つの方法があります。

1マップする絶対位置を設定するだけです：

<p:gmap tyle="width:100%;height:100%;position:absolute" center="#{loadBean.centerLatitude},#{loadBean.centerLongitude}" zoom="3" type="HYBRID"/>

2マップのすべての親に幅と高さを設定することもできます。

追加：

<style type="text/css">
html, body {
width:100%;
height:100%;
}
</style>

あなたの変更<h:form>：

<h:form style="width:100%;height:100%">
. . .
</h:form>
于 2014-01-13T16:05:05.907 に答える