Underscore JS

JS File : underscore.js

Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It’s the answer to the question: “If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?” … and the tie to go along with jQuery's tux and Backbone's suspenders.

Usage :

var groupedData = _.groupBy(data, function(d){return d.division});
console.log(groupedData);


var data = [{
    "division": "East",
    "rm_name": "Russ Martin",
    "address": "MT,VT, NH, ME  (all firms)",
    "state": "MT",
    "coordinates": "43.299428,-74.217933"
}, {
    "division": "East",
    "rm_name": "Carey Fischer",
    "address": "NY- Upstate ex Rockland County (BD, FP)",
    "state": "NY",
    "coordinates": "46.879682,-110.362566"
}, {
    "division": "East",
    "rm_name": "Brandon Born",
    "address": "CT, NY - Upstate, MA - ex metro Boston (FI), MA - Central, West (all firms)",
    "state": "CT",
    "coordinates": "40.714353,-74.005973"
}, {
    "division": "East",
    "rm_name": "Joe Tocyloski",
    "address": "PA - East, NJ - South (FP)",
    "state": "PA",
    "coordinates": "41.603221,-73.087749"
}, {
    "division": "East",
    "rm_name": "Phil Hemery",
    "address": "NJ (FI), NJ - Bergen County (all firms), NY - NYC (FI,RIA)/Westchester (FI,BD)/Rockland County (all firms)",
    "state": "NJ",
    "coordinates": "41.203456,-77.189941"
}, {
    "division": "East",
    "rm_name": "Bob Mancini",
    "address": "MA - East (all firms)",
    "state": "MA",
    "coordinates": "42.407235,-71.383667"
}, {
    "division": "East",
    "rm_name": "Damien Ramondo",
    "address": "NJ, PA East",
    "state": "NJ",
    "coordinates": "41.203456,-77.189941"
}, {
    "division": "East",
    "rm_name": "Kevin Gang",
    "address": "W VA,PA - West (all firms), OH - Cleveland (BD, FI)",
    "state": "VA",
    "coordinates": "44.314844,-85.602364"
}, {
    "division": "East",
    "rm_name": "Andrew Fischer",
    "address": "MI - (all firms)",
    "state": "MI",
    "coordinates": "40.057052,-74.404907"
}, {
    "division": "East",
    "rm_name": "David Saslowsky",
    "address": "NYC",
    "state": "NY",
    "coordinates": "46.879682,-110.362566"
}, {
    "division": "East",
    "rm_name": "Robert Brazofsky",
    "address": "NYC",
    "state": "NY",
    "coordinates": "46.879682,-110.362566"
}, {
    "division": "East",
    "rm_name": "Joseph Proscia",
    "address": "NJ - North ex Bergen County, NY - NYC (FP)",
    "state": "NJ",
    "coordinates": "41.203456,-77.189941"
}, {
    "division": "East",
    "rm_name": "William Marsalise",
    "address": "NY - LI and Outer Boroughs (FI), LI Planners",
    "state": "NY",
    "coordinates": "46.879682,-110.362566"
}, {
    "division": "East",
    "rm_name": "Dan Stack",
    "address": "OH - Columbus and South (all firms), KY - Covington (all firms)",
    "state": "OH",
    "coordinates": "37.439974,-78.662109"
}, {
    "division": "East",
    "rm_name": "James Broderick",
    "address": "OH - North of Columbus ex Cleveland (all firms), Cleveland (FP)",
    "state": "OH",
    "coordinates": "37.439974,-78.662109"
}, {
    "division": "South",
    "rm_name": "Chris Carrelha",
    "address": "FL - North (FP)",
    "state": "FL",
    "coordinates": "40.417287,-82.907123"
}, {
    "division": "South",
    "rm_name": "Don Connell",
    "address": "TN, AR, KY - ex Covington (all firms), MO - St. Louis (by firm)",
    "state": "TN",
    "coordinates": "27.664827,-81.515754"
}, {
    "division": "South",
    "rm_name": "Jay O'Connor",
    "address": "NC - ex coast, SC, GA - Savannah to Augusta (all firms)",
    "state": "NC",
    "coordinates": "35.517491,-86.580447"
}, {
    "division": "South",
    "rm_name": "Dwight Cornell",
    "address": "FL - South, VI, PR (all firms)",
    "state": "FL",
    "coordinates": "40.417287,-82.907123"
}, {
    "division": "South",
    "rm_name": "Eric Indovina",
    "address": "AL (all firms), GA (BD, RIA)",
    "state": "AL",
    "coordinates": "14.97198,19.753418"
}, {
    "division": "South",
    "rm_name": "Russ Corby",
    "address": "TX - DFW (BD, FP) Houston Austin and San Antonio (FP, FI)",
    "state": "TX",
    "coordinates": "32.318231,-86.902298"
}, {
    "division": "South",
    "rm_name": "Chris Boeker",
    "address": "TX - Southeast (BD), MS, LA - South (all firms)",
    "state": "TX",
    "coordinates": "32.318231,-86.902298"
}, {
    "division": "South",
    "rm_name": "Robert Nelms",
    "address": "VA - ex DC metro (all firms), NC - Coast, MD (ex Baltimore), VA, DC (FI), TN - northeastern corner (all firms)",
    "state": "VA",
    "coordinates": "44.314844,-85.602364"
}, {
    "division": "South",
    "rm_name": "Joe Dominguez",
    "address": "FL - North (BD, FI)",
    "state": "FL",
    "coordinates": "40.417287,-82.907123"
}, {
    "division": "South",
    "rm_name": "Marc Della Pia",
    "address": "MD, DC - Metro, VA - Alexandria  (BD, FA), Baltimore (FI)",
    "state": "MD",
    "coordinates": "31.968599,-99.901813"
}, {
    "division": "South",
    "rm_name": "Chris Carrelha",
    "address": "GA (FI, FP)",
    "state": "GA",
    "coordinates": "32.166313,-82.902832"
}, {
    "division": "South",
    "rm_name": "Terry Harris",
    "address": "OK, TX - by city (all firms)",
    "state": "OK",
    "coordinates": "32.166313,-82.902832"
}, {
    "division": "West",
    "rm_name": "Arend Elston",
    "address": "AR, MO, IL - South(all firms)",
    "state": "AR",
    "coordinates": "35.007752,-97.092877"
}, {
    "division": "West",
    "rm_name": "John Schmidt",
    "address": "IL - Chicago Metro (BD)",
    "state": "IL",
    "coordinates": "35.20105,-91.831833"
}, {
    "division": "West",
    "rm_name": "Jason Stevens",
    "address": "MN, ND (All Firms)",
    "state": "MN",
    "coordinates": "46.7248,-94.680176"
}, {
    "division": "West",
    "rm_name": "Laura Channell",
    "address": "IL - Chicago Metro (FI, FP)",
    "state": "IL",
    "coordinates": "35.20105,-91.831833"
}, {
    "division": "West",
    "rm_name": "Patrick Denis",
    "address": "WI (all firms), Upper Peninsula of Michigan",
    "state": "WI",
    "coordinates": "46.729553,-94.6859"
}, {
    "division": "West",
    "rm_name": "Michael Cheskis",
    "address": "IN (all firms), IL - Chicago Metro (By Firm)",
    "state": "IN",
    "coordinates": "43.78444,-88.787868"
}, {
    "division": "West",
    "rm_name": "Dave Mitchell",
    "address": "IA, KS, NE, SD, MO - Kansas City (all firms)",
    "state": "IA",
    "coordinates": "40.271144,-86.132812"
}, {
    "division": "West",
    "rm_name": "Paul Moyer",
    "address": "WA, ID, OR (all firms)",
    "state": "WA",
    "coordinates": "41.877741,-93.098145"
}, {
    "division": "West",
    "rm_name": "Peter Szabo",
    "address": "AK, NV - Reno (all firms), N. CA (BD & FI), San Francisco (FI)",
    "state": "AK",
    "coordinates": "47.751074,-120.740139"
}, {
    "division": "West",
    "rm_name": "Lou Tousignant",
    "address": "N.CA (FP), San Francisco (BD & FP)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}, {
    "division": "West",
    "rm_name": "Matt Malvey",
    "address": "CA - San Diego (all firms)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}, {
    "division": "West",
    "rm_name": "Kevin Dausch",
    "address": "N. CA (BD & FI), San Francisco (FI)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}, {
    "division": "West",
    "rm_name": "Scott Hutton",
    "address": "CO, NM, WY, MT (all firms)",
    "state": "Colorado",
    "coordinates": "40.747164,-74.000566"
}, {
    "division": "West",
    "rm_name": "Brian Buehring",
    "address": "CA - North LA to Santa Barbara, HI (all firms)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}, {
    "division": "West",
    "rm_name": "Robert Forrester",
    "address": "CA - Orange County to San Diego (all firms)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}, {
    "division": "West",
    "rm_name": "Mike Ossmen",
    "address": "CA - Downtown LA, Pasadena, South Bay & Inland Empire (All Firms)",
    "state": "CA",
    "coordinates": "64.200841,-149.493673"
}];

Android Distance Direction With Google Map (JSON)

Output: 

NOTE: Check  your Android Manifest..

	<manifest xmlns:android="http://schemas.android.com/apk/res/android"
	package="com.test"
	android:versionCode="1"
	android:versionName="1.0" >
	<uses-sdk android:minSdkVersion="8" />
	<uses-permission android:name="android.permission.INTERNET" />
	<uses-permission android:name="android.permission.WRITE_CONTACTS" />
	<uses-permission android:name="android.permission.READ_CONTACTS" />
	<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" >
	</uses-permission>
	<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" >
	</uses-permission>
	<application
	android:icon="@drawable/ic_launcher"
	android:label="@string/app_name" >
	<activity
	android:label="@string/app_name"
	android:name=".JsonMapActivity" >
	<intent-filter >
	<action android:name="android.intent.action.MAIN" />
	<category android:name="android.intent.category.LAUNCHER" />
	</intent-filter>
	</activity>
	<uses-library android:name="com.google.android.maps" >
	</uses-library>
	</application>
	</manifest>

view raw Manifest.xml hosted with ❤ by GitHub

My Layout.xml

	<linearlayout android:layout_height="fill_parent"
	android:layout_width="fill_parent"
	android:orientation="vertical"
	xmlns:android="http://schemas.android.com/apk/res/android">
	<button android:id="@+id/btnPutAddress"
	android:layout_height="wrap_content"
	android:layout_width="fill_parent"
	android:text="Put New Address" >
	</button>
	<com .google.android.maps.mapview=""
	android:apikey="your key"
	android:id="@+id/mpBranch"
	android:layout_height="fill_parent"
	android:layout_width="fill_parent" />
	<linearlayout android:id="@+id/zoom"
	android:layout_alignparentbottom="true"
	android:layout_centerhorizontal="true"
	android:layout_height="wrap_content"
	android:layout_width="wrap_content">
	</linearlayout>
	</linearlayout>

view raw My Layout.xml hosted with ❤ by GitHub

1) Create class MyOverLay which extends Overlay

	public class MyOverLay extends Overlay
	{
	private GeoPoint gp1;
	private GeoPoint gp2;
	//private int mRadius=6;
	private int mode=0;
	private int defaultColor;
	private String text="";
	private Bitmap img = null;
	Context mContext;
	public MyOverLay(Context context,GeoPoint gp1,GeoPoint gp2,int mode) // GeoPoint is a int. (6E)
	{
	this.gp1 = gp1;
	this.gp2 = gp2;
	this.mode = mode;
	this.mContext = context;
	defaultColor = 999; // no defaultColor
	}
	public MyOverLay(GeoPoint gp1,GeoPoint gp2,int mode, int defaultColor)
	{
	this.gp1 = gp1;
	this.gp2 = gp2;
	this.mode = mode;
	this.defaultColor = defaultColor;
	}
	public void setText(String t)
	{
	this.text = t;
	}
	public void setBitmap(Bitmap bitmap)
	{
	this.img = bitmap;
	}
	public int getMode()
	{
	return mode;
	}
	@Override
	public boolean draw
	(Canvas canvas, MapView mapView, boolean shadow, long when)
	{
	Projection projection = mapView.getProjection();
	if (shadow == false)
	{
	Paint paint = new Paint();
	paint.setAntiAlias(true);
	Point point = new Point();
	projection.toPixels(gp1, point);
	// mode=1：start
	if(mode==1)
	{
	if(defaultColor==999)
	paint.setColor(Color.BLUE);
	else
	paint.setColor(defaultColor);
	// start point
	}
	// mode=2：path
	else if(mode==2)
	{
	if(defaultColor==999)
	paint.setColor(Color.RED);
	else
	paint.setColor(defaultColor);
	Point point2 = new Point();
	projection.toPixels(gp2, point2);
	paint.setStrokeWidth(5);
	paint.setAlpha(120);
	canvas.drawLine(point.x, point.y, point2.x,point2.y, paint);
	}
	/* mode=3：end */
	else if(mode==3)
	{
	/* the last path */
	if(defaultColor==999)
	paint.setColor(Color.GREEN);
	else
	paint.setColor(defaultColor);
	Point point2 = new Point();
	projection.toPixels(gp2, point2);
	paint.setStrokeWidth(5);
	paint.setAlpha(120);
	canvas.drawLine(point.x, point.y, point2.x,point2.y, paint);
	/* end point */
	}
	}
	return super.draw(canvas, mapView, shadow, when);
	}
	}

view raw MyOverLay.java hosted with ❤ by GitHub

2) Create another class CustomItemizedOverlay which extends ItemizedOverlay<OverlayItem>

 

	class CustomItemizedOverlay extends ItemizedOverlay<OverlayItem> {
	private final ArrayList<OverlayItem> mapOverlays = new ArrayList<OverlayItem>();
	private Context context;
	public CustomItemizedOverlay(Drawable defaultMarker) {
	super(boundCenterBottom(defaultMarker));
	}
	public CustomItemizedOverlay(Drawable defaultMarker, Context context) {
	this(defaultMarker);
	this.context = context;
	}
	@Override
	protected OverlayItem createItem(int i) {
	return mapOverlays.get(i);
	}
	@Override
	public int size() {
	return mapOverlays.size();
	}
	public void addOverlay(OverlayItem overlay) {
	mapOverlays.add(overlay);
	this.populate();
	}
	@Override
	protected boolean onTap(int index) {
	OverlayItem item = mapOverlays.get(index);
	AlertDialog.Builder dialog = new AlertDialog.Builder(context);
	dialog.setTitle(item.getTitle());dialog.setMessage(item.getSnippet());
	dialog.setNeutralButton("OK", new DialogInterface.OnClickListener() {
	@Override
	public void onClick(DialogInterface dialog, int which) {
	dialog.dismiss();
	}
	});
	dialog.show();
	return true;
	}
	}

view raw CustomItemizedOverlay.java hosted with ❤ by GitHub

3) Now Create Main Activity which extends MapActivity

	public class JsonMapActivity extends MapActivity {
	/** Called when the activity is first created. */
	static double srclongitute, destlongitute;
	static double srclatitude, destlatitude;
	static String distance_km = "";
	MapView mapView;
	private JsonMapActivity _activity;
	GeoPoint srcGeoPoint, destGeoPoint;
	private static List<Overlay> mOverlays;
	static String distance = "";
	JSONObject jsonObj;
	static String _path, start_address, end_address;
	Drawable srcdrawable;
	static String GPsLoc;
	Context context = this;
	Button btnDialog;
	LocationManager locationManager;
	@Override
	public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.main);
	jsonObj = getLocationInfo("GandhiNagar", "Surat");
	Toast.makeText(getApplicationContext(), "" + jsonObj.length(), 5)
	.show();
	if (getLatLong(jsonObj)) {
	Log.i("srcLati", "" + srclatitude);
	Log.i("srcLungi", "" + srclongitute);
	Log.i("destLati", "" + destlatitude);
	Log.i("destLungi", "" + destlongitute);
	}
	_activity = this;
	mapView = (MapView) findViewById(R.id.mpBranch);
	mapView.setBuiltInZoomControls(true);
	mapView.displayZoomControls(true);
	mapView.setClickable(true);
	srcGeoPoint = new GeoPoint((int) (srclatitude * 1E6),
	(int) (srclongitute * 1E6));
	destGeoPoint = new GeoPoint((int) (destlatitude * 1E6),
	(int) (destlongitute * 1E6));
	List<Overlay> mapOverlays = mapView.getOverlays();
	srcdrawable = getApplicationContext().getResources().getDrawable(
	R.drawable.map_user);// // user
	CustomItemizedOverlay srcitemizedOverlay = new CustomItemizedOverlay(
	srcdrawable, this);
	OverlayItem srcoverlayitem = new OverlayItem(srcGeoPoint,
	"My Location", start_address);
	Drawable destdrawable = this.getResources().getDrawable(
	R.drawable.map_restaurant); // rest
	CustomItemizedOverlay destitemizedOverlay = new CustomItemizedOverlay(
	destdrawable, this);
	OverlayItem destoverlayitem = new OverlayItem(destGeoPoint,
	"FoodCorner Branch", end_address);
	srcitemizedOverlay.addOverlay(srcoverlayitem);
	destitemizedOverlay.addOverlay(destoverlayitem);
	mapOverlays.add(srcitemizedOverlay);
	mapOverlays.add(destitemizedOverlay);
	connectAsyncTask _connectAsyncTask = new connectAsyncTask();
	_connectAsyncTask.execute();
	mOverlays = mapView.getOverlays();
	mapView.getController().animateTo(srcGeoPoint);
	mapView.getController().setZoom(8);
	}
	@Override
	protected boolean isRouteDisplayed() {
	// TODO Auto-generated method stub
	return false;
	}
	public static JSONObject getLocationInfo(String origin, String dest) {
	StringBuilder stringBuilder = new StringBuilder();
	try {
	origin = origin.replaceAll(" ", "%20");
	dest = dest.replaceAll(" ", "%20");
	HttpPost httppost = new HttpPost(
	"http://maps.googleapis.com/maps/api/directions/json?origin="
	+ origin + "&destination=" + dest + "&sensor=false");
	// http://maps.googleapis.com/maps/api/directions/json?origin=Chicago,IL&destination=Los+Angeles,CA&sensor=false
	HttpClient client = new DefaultHttpClient();
	HttpResponse response;
	stringBuilder = new StringBuilder();
	response = client.execute(httppost);
	HttpEntity entity = response.getEntity();
	InputStream stream = entity.getContent();
	int b;
	while ((b = stream.read()) != -1) {
	stringBuilder.append((char) b);
	}
	} catch (ClientProtocolException e) {
	} catch (IOException e) {
	}
	JSONObject jsonObject = new JSONObject();
	try {
	jsonObject = new JSONObject(stringBuilder.toString());
	} catch (JSONException e) {
	// TODO Auto-generated catch block
	e.printStackTrace();
	}
	return jsonObject;
	}
	// --------------------------------------------------------------------------
	// class Asych task
	private class connectAsyncTask extends AsyncTask<Void, Void, Void> {
	@Override
	protected void onPreExecute() {
	// TODO Auto-generated method stub
	super.onPreExecute();
	// SHOW YOU PROGRESS BAR HERE
	}
	@Override
	protected Void doInBackground(Void... params) {
	// TODO Auto-generated method stub
	return null;
	}
	@Override
	protected void onPostExecute(Void result) {
	// TODO Auto-generated method stub
	super.onPostExecute(result);
	if (_path != null) {
	Overlay ol = new MyOverLay(_activity, srcGeoPoint, srcGeoPoint,
	1);
	mOverlays.add(ol);
	List<GeoPoint> _geopoints = decodePoly(_path);
	GeoPoint gp1;
	GeoPoint gp2;
	gp2 = _geopoints.get(0);
	for (int i = 1; i < _geopoints.size(); i++) // the last one
	// would be
	// crash
	{
	gp1 = gp2;
	gp2 = _geopoints.get(i);
	Overlay ol1 = new MyOverLay(gp1, gp2, 2, Color.BLUE);
	mOverlays.add(ol1);
	}
	Overlay ol2 = new MyOverLay(_activity, destGeoPoint,
	destGeoPoint, 3);
	mOverlays.add(ol2);
	// DISMISS PROGRESS BAR HERE
	} else {
	// showAlert AS "Unable to find the route"
	}
	Overlay ol2 = new MyOverLay(_activity, destGeoPoint, destGeoPoint,
	3);
	mOverlays.add(ol2);
	// DISMISS PROGRESS BAR HERE
	}
	}// end of class
	// --------------------------------------------------------------------------
	private List<GeoPoint> decodePoly(String encoded) {
	List<GeoPoint> poly = new ArrayList<GeoPoint>();
	int index = 0, len = encoded.length();
	int lat = 0, lng = 0;
	while (index < len) {
	int b, shift = 0, result = 0;
	do {
	b = encoded.charAt(index++) - 63;
	result |= (b & 0x1f) << shift;
	shift += 5;
	} while (b >= 0x20);
	int dlat = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
	lat += dlat;
	shift = 0;
	result = 0;
	do {
	b = encoded.charAt(index++) - 63;
	result |= (b & 0x1f) << shift;
	shift += 5;
	} while (b >= 0x20);
	int dlng = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));
	lng += dlng;
	GeoPoint p = new GeoPoint((int) (((double) lat / 1E5) * 1E6),
	(int) (((double) lng / 1E5) * 1E6));
	poly.add(p);
	}
	return poly;
	}
	// --------------------------------------------------
	public static boolean getLatLong(JSONObject jsonObject) {
	try {
	JSONObject jsonOb = ((JSONArray) jsonObject.get("routes"))
	.getJSONObject(0);
	JSONArray jsonArray = jsonOb.getJSONArray("legs");
	JSONObject j1 = jsonArray.getJSONObject(0);
	srclatitude = j1.getJSONObject("start_location").getDouble("lat");
	srclongitute = j1.getJSONObject("start_location").getDouble("lng");
	destlatitude = j1.getJSONObject("end_location").getDouble("lat");
	destlongitute = j1.getJSONObject("end_location").getDouble("lng");
	start_address = j1.getString("start_address");
	end_address = j1.getString("end_address");
	JSONObject ja = j1.getJSONObject("distance");
	// Log.i("jsonOb size", "" + ja.getString("text"));
	JSONObject ja_line = jsonOb.getJSONObject("overview_polyline");
	// Log.i("ja_line size", "" + ja_line.getString("points"));
	_path = ja_line.getString("points");
	} catch (JSONException e) {
	return false;
	}
	return true;
	}
	public class MyLocationListener implements LocationListener
	{
	@Override
	public void onLocationChanged(Location loc)
	{
	GPsLoc=new Double(loc.getLatitude()).toString()+",";
	GPsLoc+=loc.getLongitude();
	String Text = "My current location is: " + "Latitud = "
	+ loc.getLatitude() + "Longitud = " + loc.getLongitude();
	Toast.makeText(getApplicationContext(), Text, Toast.LENGTH_SHORT)
	.show();
	}
	@Override
	public void onProviderDisabled(String provider)
	{
	Toast.makeText(getApplicationContext(), "Gps Disabled",
	Toast.LENGTH_SHORT).show();
	}
	@Override
	public void onProviderEnabled(String provider)
	{
	Toast.makeText(getApplicationContext(), "Gps Enabled",
	Toast.LENGTH_SHORT).show();
	}
	@Override
	public void onStatusChanged(String provider, int status, Bundle extras)
	{
	}
	}/* End of Class MyLocationListener */
	}

view raw JsonMapActivity.java hosted with ❤ by GitHub