AngularJs / ui-map如何触发当前地图框架的渲染

时间:2014-12-17 18:07:27

标签: angularjs google-maps google-maps-api-3 angular-ui

匆匆提出问题,请原谅这个糟糕的头衔。

我在用户点击地图时向地图添加新标记,标记位于相应的Lat / Lng。

标记放置正确,但我必须放大/缩小地图才能显示标记(导致渲染),当然我希望标记在用户点击后出现。

我的第一个想法是在添加新标记的函数中触发地图渲染,拖网文档一段时间无济于事。

以下是代码:

HTML:

<ui-gmap-google-map center='map.center' zoom='map.zoom' options="map.options"
                    events="mapEvents">

     <!-- The user can only place one marker on the map -->
     <ui-gmap-marker ng-if="newMarker != null" idKey="newMarker.id" 
                     coords="newMarker.position"     options="newMarker.options">

     </ui-gmap-marker>

</ui-gmap-google-map>

JS:

$scope.mapEvents = {
        "click": function (p, event, params) {


                if (!$scope.newMarker) {

                       $scope.newMarker = {
                        "id": "987654321",
                        "position": {
                            "latitude": params[0].latLng.k,
                            "longitude": params[0].latLng.D
                        },
                        "options": {
                            "draggable": true
                        }
                    };

                }
        //So my thoughts are I want to call a render on the map here to get the 
        // marker to show without having to zoom-in/zoom-out (or pan, haven't had time to 
        // try that)
}

任何人都可以分享任何见解吗?

0 个答案:

没有答案