0

GMaps イベントから Angular Model を変更しようとすると、少し問題が発生します。コードは次のとおりです。

function CtrlGMap($scope) {

var mapOptions = {
    center: new google.maps.LatLng(-54.798112, -68.303375),
    zoom: 11,
    //disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.SATELLITE
};

map = new google.maps.Map(document.getElementById('mapCanvas'), mapOptions);

google.maps.event.addListener(map, "click", function(e) {
    lat = e.latLng.lat();
    lng = e.latLng.lng();

    $scope.lat = lat;
)};

HTML: 

<body ng-controller="CtrlGMap">

<div id="mapCanvas"></div>

<form role="form" style="width: 30%; margin:0 auto;">

    <div class="form-inline">
        <div class="form-group">
            <label class="sr-only" for="lat">Latitud</label>
            <div class="input-group">
                <span class="input-group-addon">Lat</span>
                <input type="text" class="form-control" id="lat" ng-model="lat" disabled>
            </div>
        </div>
    </div>
</form>

問題は、GMap イベント内から $scope にアクセスできないことです...なぜですか?

4

1 に答える 1