fixing issue 113 , adding a timeout to delay creation so that the map may exist.

Author: nmccready

dist/angular-google-maps.js

@@ -1001,22 +1001,25 @@
         this.onDestroy = __bind(this.onDestroy, this);
         this.onWatch = __bind(this.onWatch, this);
         this.validateScope = __bind(this.validateScope, this);
-        var opts, self,
+        var self,
           _this = this;
         MarkerParentModel.__super__.constructor.call(this, scope, element, attrs, mapCtrl, $timeout);
         self = this;
-        opts = this.createMarkerOptions(scope.coords, scope.icon, scope.options, mapCtrl.getMap());
-        this.gMarker = new google.maps.Marker(opts);
-        element.data('instance', this.gMarker);
-        this.scope = scope;
-        google.maps.event.addListener(this.gMarker, 'click', function() {
-          if (_this.doClick && (scope.click != null)) {
-            return $timeout(function() {
-              return _this.scope.click();
-            });
-          }
+        $timeout(function() {
+          var opts;
+          opts = _this.createMarkerOptions(scope.coords, scope.icon, scope.options, mapCtrl.getMap());
+          _this.gMarker = new google.maps.Marker(opts);
+          element.data('instance', _this.gMarker);
+          _this.scope = scope;
+          google.maps.event.addListener(_this.gMarker, 'click', function() {
+            if (_this.doClick && (scope.click != null)) {
+              return $timeout(function() {
+                return _this.scope.click();
+              });
+            }
+          });
+          return _this.$log.info(_this);
         });
-        this.$log.info(this);
       }
 
       MarkerParentModel.prototype.validateScope = function(scope) {
@@ -1507,13 +1510,11 @@
         };
       }
 
-      IMarker.prototype.controller = {
-        controller: [
-          '$scope', '$element', function($scope, $element) {
-            throw new Exception("Not Implemented!!");
-          }
-        ]
-      };
+      IMarker.prototype.controller = [
+        '$scope', '$element', function($scope, $element) {
+          throw new Exception("Not Implemented!!");
+        }
+      ];
 
       IMarker.prototype.link = function(scope, element, attrs, ctrl) {
         throw new Exception("Not implemented!!");

dist/angular-google-maps.min.js

@@ -230,9 +230,17 @@ function ExampleController ($scope, $timeout, $log) {
         genRandomMarkers(numberOfMarkers,$scope);
     }
 
+    $scope.searchLocation = {
+        latitude: 30.1451,
+        longitude: -99.6680
+    };
     $scope.onMarkerClicked = onMarkerClicked
 
     $timeout(function () {
+        // $scope.searchLocation = {
+        // latitude: 30.0,
+        // longitude: -100
+        // };
         $scope.map.infoWindow.show = true;
         dynamicMarkers = [
                 {

example/example-controller.js

@@ -79,6 +79,8 @@ <h1>angular-google-maps example</h1>
 
 				<trafficlayer show="map.showTraffic" />
 
+				<marker coords="searchLocation">
+				</marker>
 				<markers models="map.randomMarkers" coords="'self'" icon="'icon'" click="'onClicked'" doCluster="true">
 				</markers>
 

example/example.html

@@ -23,7 +23,7 @@
 				click: '&click',
 				options: '=options'
 			}
-		controller: controller: ['$scope','$element', ($scope, $element) ->
+		controller: ['$scope','$element', ($scope, $element) ->
 			throw new Exception("Not Implemented!!")
 		]
 		link: (scope, element, attrs, ctrl) =>

src/coffee/directives/api/i-marker.coffee

@@ -8,18 +8,20 @@
 		constructor: (scope, element, attrs, mapCtrl,$timeout) ->
 			super(scope, element, attrs, mapCtrl,$timeout)
 			self = @
-			opts = @createMarkerOptions(scope.coords,scope.icon,scope.options,mapCtrl.getMap())
-			#using scope.$id as the identifier for a marker as scope.$id should be unique, no need for an index (as it is the index)
-			@gMarker = new google.maps.Marker(opts)
-			element.data('instance', @gMarker)
-			@scope = scope
-			google.maps.event.addListener(@gMarker, 'click', =>
-				if @doClick and scope.click?
-					$timeout( =>
-						@scope.click()
-					)
+			$timeout( =>
+				opts = @createMarkerOptions(scope.coords,scope.icon,scope.options,mapCtrl.getMap())
+				#using scope.$id as the identifier for a marker as scope.$id should be unique, no need for an index (as it is the index)
+				@gMarker = new google.maps.Marker(opts)
+				element.data('instance', @gMarker)
+				@scope = scope
+				google.maps.event.addListener(@gMarker, 'click', =>
+					if @doClick and scope.click?
+						$timeout( =>
+							@scope.click()
+						)
+				)
+				@$log.info(@)
 			)
-			@$log.info(@)
 
 		validateScope:(scope)=>
 			super(scope) or angular.isUndefined(scope.coords.latitude) or angular.isUndefined(scope.coords.longitude)