Pretty simple implementation of Google Maps on AngularJS. The following code works perfect on my desktop using FireFox. However, on my android this code leaves the old marker after I click to change positions. I can drag around the map and "wake" it up. The data behind the map is correct but it just won't refresh the marker overlay. Can I force it to refresh? Am I doing something wrong?
$scope.mapOptions = {
center: myLatlng,
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
$scope.setMarkerPosition = function($event) {
$scope.marker.setPosition($event.latLng);
}
$scope.$watch('myMap', function(map) {
if (map) {
$scope.marker = new google.maps.Marker({
map: $scope.myMap,
position: myLatlng
});
}
});