Fixed nearby widget bug

README.md

@@ -20,8 +20,8 @@ This is CedarMaps Javascript API. It's simply a wrapper for [Mapbox Javascript A
 Recommended usage is via the CedarMaps CDN:
 
 ```html
-<script src='http://api.cedarmaps.com/cedarmaps.js/v1.4.1/cedarmaps.js'></script>
-<link href='http://api.cedarmaps.com/cedarmaps.js/v1.4.1/cedarmaps.css' rel='stylesheet' />
+<script src='http://api.cedarmaps.com/cedarmaps.js/v1.4.2/cedarmaps.js'></script>
+<link href='http://api.cedarmaps.com/cedarmaps.js/v1.4.2/cedarmaps.css' rel='stylesheet' />
 ```
 
 The `cedarmaps.js` file includes the Leaflet library. Alternatively, you can use `cedarmaps.standalone.js`, which does not include Leaflet (you will have to provide it yourself).

demos/geocoder-control.html

@@ -5,9 +5,9 @@
     <meta charset=utf-8 />
     <title>CedarMaps - Sample Geocoder Control</title>
 
-    <script src='../dist/v1.4.1/cedarmaps.js'></script>
+    <script src='../dist/v1.4.2/cedarmaps.js'></script>
     <script src='../access-token.js'></script>
-    <link href='../dist/v1.4.1/cedarmaps.css' rel='stylesheet' />
+    <link href='../dist/v1.4.2/cedarmaps.css' rel='stylesheet' />
 
     
     <link href='css/styles.css' rel='stylesheet' />

demos/index.html

@@ -5,9 +5,9 @@
     <meta charset=utf-8 />
     <title>CedarMaps - Simple Map Load</title>
 
-    <script src='../dist/v1.4.1/cedarmaps.uncompressed.js'></script>
+    <script src='../dist/v1.4.2/cedarmaps.uncompressed.js'></script>
     <script src='../access-token.js'></script>
-    <link href='../dist/v1.4.1/cedarmaps.css' rel='stylesheet' />
+    <link href='../dist/v1.4.2/cedarmaps.css' rel='stylesheet' />
 
     <style>
         body {

demos/nearby.html

@@ -5,9 +5,9 @@
     <meta charset=utf-8 />
     <title>CedarMaps - Simple Map Load</title>
 
-    <script src='../dist/v1.4.1/cedarmaps.uncompressed.js'></script>
+    <script src='../dist/v1.4.2/cedarmaps.uncompressed.js'></script>
     <script src='../access-token.js'></script>
-    <link href='../dist/v1.4.1/cedarmaps.css' rel='stylesheet' />
+    <link href='../dist/v1.4.2/cedarmaps.css' rel='stylesheet' />
 
     <style>
         body {
@@ -33,13 +33,18 @@
             throw new Error('You need to get an access token to be able to use cedarmaps SDK. ' +
                 'Send us an email to <info@cedar.ir>');
         }
-        L.cedarmaps.nearby('map', [35.737334, 51.355215], {
-            accessToken: accessToken,            
+        L.cedarmaps.nearby('map', [35.737334, 51.355215], {            
             categories: ['bus', 'park', 'shopping', 'hospital', 'school'],
             searchDistance: 5,
             popupContent: '<h2>html is allowed here</h2>',
-            defaultZoom: 20
-        });        
+            defaultZoom: 20,            
+            callback: function(map, center_marker, pois) {
+                setTimeout(function() {
+                    center_marker.setLatLng({lat: 35.738934, lon: 51.356315})
+                    map.setView({lat: 35.738934, lon: 51.356315})
+                }, 10000)
+            }
+        });
     </script>
 </body>
 

demos/reverse-geocoder.html

@@ -5,9 +5,9 @@
 	<meta charset=utf-8 />
 	<title>CedarMaps - Reverse Geocoding Sample</title>
 	
-	<script src='../dist/v1.4.1/cedarmaps.js'></script>
+	<script src='../dist/v1.4.2/cedarmaps.js'></script>
 	<script src='../access-token.js'></script>
-	<link href='../dist/v1.4.1/cedarmaps.css' rel='stylesheet' />
+	<link href='../dist/v1.4.2/cedarmaps.css' rel='stylesheet' />
 
 	<style>
 	body {

package.json

@@ -2,7 +2,7 @@
   "author": "CedarStudios",
   "name": "cedarmaps.js",
   "description": "CedarMaps javascript API built on top of mapbox.js",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "homepage": "http://www.cedarmaps.com/",
   "repository": {
     "type": "git",

theme/style.css

@@ -122,7 +122,7 @@
 .kikojas-nearby-widget .leaflet-popup-content {
 	margin: 0;
 	width: 400px;
-	height: 100px;
+	height: 120px;
 	direction: rtl;
 	text-align: right;
 	padding: 1px;
@@ -168,7 +168,7 @@
 .kikojas-nearby-widget .leaflet-popup-content .routing {
 	float: left;	
 	width: 30%;
-	height: 98px;
+	height: 118px;
 	border-right: 1px solid #a6a6a6;
 	border-top-left-radius: 8px;
 	border-bottom-left-radius: 8px;
@@ -185,7 +185,7 @@
 	border-radius: 4px;
 	background-color: #238fa6;
 	padding: 4px;
-	margin-top: 20px;
+	margin-top: 18px;
 	color: #fff;
 }