Question

我想在主要面的gmap中添加添加标签。主要功能不提供该功能。所以我想将gmap与google javascript集成。然后，我将能够为我的gmap添加标签。

对于测试，我添加了以下代码。

它尝试将一个简单的标记添加到从primefaces gmap组件生成的地图中。但是这段代码不起作用。错误在哪里？

            <h:form >
                <script src="http://maps.google.com/maps/api/js?key=AIzaSyDnIF053oCwO1848mAvz6-N6eSeOeD8BaI&amp;callback=initMap" type="text/javascript" ></script> 
                <div id="map" >
                    <p:gmap id="gmap" widgetVar="w_gmap" 
                            center="#{notificationController.mohArea.centreLatitude},#{notificationController.mohArea.centreLongitude}" zoom="#{notificationController.mohArea.zoomLavel}" 
                            type="ROADMAP" style="width:900px;height:600px;border: 1px solid black;" 
                            streetView="true"
                            model="#{notificationController.polygonModel}">
                    </p:gmap>
                </div>
                <script >
                    function initMap() {
                        var mypos = {lat: #{notificationController.mohArea.centreLatitude}, lng: #{notificationController.mohArea.centreLongitude}};
                        var map = new google.maps.Map(document.getElementById('map');
                        var marker = new google.maps.Marker({
                            position: mypos,
                            map: map
                        });
                    }
                </script>

Primefaces gmap添加一个标记

0 个答案: