小编Ren*_*Ren的帖子

在Angular-Google-Maps中添加标记

我目前在点击Google地图时添加标记时遇到了一些问题.我正在使用http://angular-ui.github.io.

这是我的代码:HTML:

<ui-gmap-google-map center='map.center' zoom='map.zoom' events="map.events">
  <ui-gmap-marker coords="map.marker.coords" idKey="map.marker.id"></ui-gmap-marker>
</ui-gmap-google-map>
Run Code Online (Sandbox Code Playgroud)

还有我的JS:

$scope.map = {
    center: {
        latitude: alat.value, longitude: alon.value },
        zoom: 15,
        streetViewControl: false,
        events: {
            click: function (map, eventName, originalEventArgs) {
                var e = originalEventArgs[0];
                var lat = e.latLng.lat(),lon = e.latLng.lng();
                $scope.map.marker = {
                    id: 1,
                    coords: {
                        latitude: lat,
                        longitude: lon
                    }
                };
                $scope.$apply();
            }
        }
    };
Run Code Online (Sandbox Code Playgroud)

我一直在关注Angular-Google-Maps API,但我还没有完全熟悉Google Maps API.到目前为止,我已经推断出我的点击事件确实有效,但我的标记没有添加到地图中.帮助将不胜感激.

javascript google-maps google-maps-api-3 angularjs

12
推荐指数
2
解决办法
2万
查看次数