angular-google-maps icon indicating copy to clipboard operation
angular-google-maps copied to clipboard

Resize event never triggers

Open softzer0 opened this issue 7 years ago • 0 comments

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.

softzer0 avatar Nov 17 '16 21:11 softzer0