Javascript 使用角度JS在地图中设置标记

Javascript 使用角度JS在地图中设置标记,javascript,angularjs,google-maps,angular-ui-router,Javascript,Angularjs,Google Maps,Angular Ui Router,我正在申请am。有两页。在第一页,我展示了这个国家和那里的lat&lng。当我点击任何国家时,它会重定向到第二页。在这个页面中,我展示了谷歌地图。根据地图显示有一个标记。这工作做得很好 问题是,在第二页中,我使用了两个文本框,从这个文本框中输入lat和lng,当点击按钮时,标记应该在那个里改变。它不起作用了。我不明白我哪里做错了。如果我遗漏了什么,请帮助我 代码 首先,您需要一个有关标记的引用: scope.mainMarker = new google.maps.Marker({

我正在申请am。有两页。在第一页,我展示了这个国家和那里的lat&lng。当我点击任何国家时,它会重定向到第二页。在这个页面中,我展示了谷歌地图。根据地图显示有一个标记。这工作做得很好

问题是,在第二页中,我使用了两个文本框,从这个文本框中输入lat和lng,当点击按钮时,标记应该在那个里改变。它不起作用了。我不明白我哪里做错了。如果我遗漏了什么,请帮助我

代码


首先,您需要一个有关标记的引用:

scope.mainMarker = new google.maps.Marker({
                        position: location,
                        map: map
                    });
在控制器中:

$scope.clickMe = function (clicked) {
        $scope.lat = parseFloat( $scope.txtLatitude );
        $scope.lng = parseFloat( txtLongitude );

        $scope.mainMarker.setLocation(new google.maps.LatLng(
                                 $scope.lat,
                                 $scope.lng
                                 ));

    };

看起来你希望GoogleAPI使用双向数据绑定,但事实并非如此,当值发生变化时,你必须以编程方式移动标记。我将如何实现?我厌倦了我所知道的一切。
$scope.clickMe = function (clicked) {
        $scope.lat = parseFloat( $scope.txtLatitude );
        $scope.lng = parseFloat( txtLongitude );

        $scope.mainMarker.setLocation(new google.maps.LatLng(
                                 $scope.lat,
                                 $scope.lng
                                 ));

    };