Fatal编程技术网
  • jsf/
  • Jsf 如何向rich:gmap组件添加标记？

Jsf 如何向rich:gmap组件添加标记？

jsf

Jsf 如何向rich:gmap组件添加标记？,jsf,richfaces,ajax4jsf,Jsf,Richfaces,Ajax4jsf,我可以看出我无法在atribute中指定gmap标记。。我想我需要在这个标签中使用a4j函数。问题是我对这些东西完全是新手。。。谁能告诉我怎么做？逐步解决方案将不胜感激。。。我有api键和地图组件（与lat和lng、zoom等一起工作），但需要在地图中心留下一个标记 <rich:gmap gmapVar="map" id="map" gmapKey="ABQIAAAAr_kWlyTgX4yfWopvtEcxDRRRDOqc_-HaCvCgl460ugpXPxZCkhQyHpWen4IabA

我可以看出我无法在atribute中指定gmap标记。。我想我需要在这个标签中使用a4j函数。问题是我对这些东西完全是新手。。。谁能告诉我怎么做？逐步解决方案将不胜感激。。。我有api键和地图组件（与lat和lng、zoom等一起工作），但需要在地图中心留下一个标记

<rich:gmap gmapVar="map" id="map" gmapKey="ABQIAAAAr_kWlyTgX4yfWopvtEcxDRRRDOqc_-HaCvCgl460ugpXPxZCkhQyHpWen4IabAs4w-La8EuEU92tPw"

例如：


<rich:gmap var="mapVar" ... />



您应该查看地图，寻找所有可能的加载地图的方法。
好的，但是我在这个mapVar.addOverlay中到底在哪里键入？我知道这是一个很难回答的问题，但我在这个领域是新手（@ortho查看我的更新。特别是当你是新手时，我建议你仔细阅读你正在使用的技术的文档。你能看看下面的例子吗？@ortho-所以不是论坛。更新你的问题，而不是发布答案。至于你的更新-GMarker需要一个明显的参数-说明这样的问题（如我的更新所示）@bozho很抱歉，现在更新了。我已经添加了这个组件的源代码map.jsp（我有两个版本，另一个是：map.xhtml）。我可以制作程序版本（纯javascript）现在，但我在主文件中有一个模板问题。在这种情况下，我宁愿让它在这个rich:gmap组件中工作。问题是window类不包含“onload”方法，当我键入map的名称时（这里是mapVar），然后它也找不到。我觉得我错过了一些明显的东西，但我找不到它是什么，请帮忙。

<head>
    <title>map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAr_kWlyTgX4yfWopvtEcxDRRRDOqc_-HaCvCgl460ugpXPxZCkhQyHpWen4IabAs4w-La8EuEU92tPw"
            type="text/javascript"></script>
    <script type="text/javascript">
        function initialize() {
            if (GBrowserIsCompatible()) {
                var map = new GMap2(document.getElementById("map_canvas"));
                map.setCenter(new GLatLng(37.4419, -122.1419), 13);
                map.setUIToDefault();
                map.addOverlay(new GMarker(38, -130));
            }
        }
    </script>
</head>
<body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>



<f:view>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <body>
            <a4j:form>
                <rich:gmap id="mapVar" gmapVar="mapVar" gmapKey="ABQIAAAAr_kWlyTgX4yfWopvtEcxDRRRDOqc_-HaCvCgl460ugpXPxZCkhQyHpWen4IabAs4w-La8EuEU92tPw" lat="55.664515" lng="12.579517" mapType="G_NORMAL_MAP" zoom="12">
                </rich:gmap>
                <script type="text/javascript">
                    window.onload = function() {
                        mapVar.addOverlay(new GMarker(new GLatLng(55.658471, 12.59084)));
                    }
                </script>

            </a4j:form>
        </body>
    </html>
</f:view>



<rich:gmap var="mapVar" ... />



window.onload = function() {
    mapVar.addOverlay(
        new GMarker(new GLatLng(#{yourBean.lat}, #{yourBean.lng})));
}