angular-google-maps
angular-google-maps copied to clipboard
Resize event never triggers
As the title says, I'm trying to position marker on the map in the center when map container is resized, but still no avail. Here's the code:
<ui-gmap-google-map
ng-if="map !== undefined"
control="map.control"
center="map.center"
zoom="map.zoom"
events="map.events"
draggable="true">
<ui-gmap-marker
coords="map.marker.coords"
options="map.marker.options"
events="map.marker.events"
idkey="map.marker.id"
></ui-gmap-marker>
</ui-gmap-google-map>
geocodeAddress($scope.address, function (coords){
$scope.map = {
zoom: 15,
center: {latitude: coords.lat(), longitude: coords.lng()},
marker: {
id: 0,
coords: {latitude: coords.lat(), longitude: coords.lng()},
options: {draggable: true},
events: {dragend: function (marker) { setCoords(marker.getPosition(), true) }}
},
events: {
resize: function() { // This never happens for some reason
console.log('resized');
$scope.map.center.latitude = $scope.map.marker.coords.latitude;
$scope.map.center.latitude = $scope.map.marker.coords.longitude;
}
},
control: {}
};
});
Is that a bug? The event should always trigger but it doesn't even once. :/ I even tried using bounds_changed
instead of resize
in events
, but the event still doesn't get raised.
P.S. I'm using the latest, non-development version.