Added full map start list limit setting

Author: bjorn2404

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.3.4",
+  "version": "2.4.0",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",

dist/assets/js/plugins/storeLocator/jquery.storelocator.js

@@ -62,6 +62,7 @@
 		'maxDistanceID'            : 'bh-sl-maxdistance',
 		'fullMapStart'             : false,
 		'fullMapStartBlank'        : false,
+		'fullMapStartListLimit'    : false,
 		'noForm'                   : false,
 		'loading'                  : false,
 		'loadingContainer'         : 'bh-sl-loading',
@@ -2122,10 +2123,18 @@
 				locList.append(noResults);
 			}
 			else {
-				$(markers).each(function (x) {
-					var currentMarker = markers[x];
-					_this.listSetup(currentMarker, storeStart, page);
-				});
+				// Set up the location list markup
+				if (_this.settings.fullMapStartListLimit !== false && ! isNaN(_this.settings.fullMapStartListLimit)) {
+					for (var m = 0; m < _this.settings.fullMapStartListLimit; m++) {
+						var currentMarker = markers[m];
+						_this.listSetup(currentMarker, storeStart, page);
+					}
+				} else {
+					$(markers).each(function (x) {
+						var currentMarker = markers[x];
+						_this.listSetup(currentMarker, storeStart, page);
+					});
+				}
 			}
 
 			// Handle clicks from the list

dist/assets/js/plugins/storeLocator/jquery.storelocator.min.js

@@ -39,6 +39,7 @@
 | maxDistanceID | 'bh-sl-maxdistance' | ID of the select element for the maximum distance options. |
 | fullMapStart | false | Set to true if you want to immediately show a map of all locations. The map will center and zoom automatically. |
 | fullMapStartBlank | false | Set to a zoom integer if you want to immediately show a blank map without any locations. |
+| fullMapStartListLimit | false | Set to a number to limit the number of items displayed in the location list with full map start. |
 | noForm | false | Set to true if you aren't able to use form tags (ASP.net WebForms). |
 | loading | false | Set to true to display a loading animated gif next to the submit button. |
 | loadingContainer | 'bh-sl-loading' | Class of element container that displays the loading animated gif. |

options.md

@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.3.4",
+  "version": "2.4.0",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",

package.json

@@ -35,10 +35,11 @@ filtering.
 
 ## Changelog
 
-### Version 2.3.4
+### Version 2.4.0
 
 * Added new selected marker image options to highlight clicked marker.
 * Added Google Places autocomplete option and example.
+* Added full map start location list limit setting.
 
 ### Version 2.3.3
 

readme.md

@@ -59,6 +59,7 @@
 		'maxDistanceID'            : 'bh-sl-maxdistance',
 		'fullMapStart'             : false,
 		'fullMapStartBlank'        : false,
+		'fullMapStartListLimit'    : false,
 		'noForm'                   : false,
 		'loading'                  : false,
 		'loadingContainer'         : 'bh-sl-loading',
@@ -2119,10 +2120,18 @@
 				locList.append(noResults);
 			}
 			else {
-				$(markers).each(function (x) {
-					var currentMarker = markers[x];
-					_this.listSetup(currentMarker, storeStart, page);
-				});
+				// Set up the location list markup
+				if (_this.settings.fullMapStartListLimit !== false && ! isNaN(_this.settings.fullMapStartListLimit)) {
+					for (var m = 0; m < _this.settings.fullMapStartListLimit; m++) {
+						var currentMarker = markers[m];
+						_this.listSetup(currentMarker, storeStart, page);
+					}
+				} else {
+					$(markers).each(function (x) {
+						var currentMarker = markers[x];
+						_this.listSetup(currentMarker, storeStart, page);
+					});
+				}
 			}
 
 			// Handle clicks from the list

src/js/jquery.storelocator.js

@@ -3,7 +3,7 @@
     "title": "jQuery Google Maps Store Locator",
     "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
     "keywords": ["jquery","locator","store", "location", "locations", "maps", "map", "stores", "find"],
-    "version": "2.3.4",
+    "version": "2.4.0",
     "author": {
         "name": "Bjorn Holine",
         "url": "http://www.bjornblog.com/"