Jesse cogollo jessecogollo

## index2djessecogollo
db.nombrecoleccion.find({“campo”:{$near:[longitud,latitud],$maxDistance:distancia}})

db.nombrecoleccion.find({nombrecampo:{$geoWithin:{“$operador”:”coordenada”}}})

db.nombrecoleccion.find({nombrecampo:{$geoIntersects:{$geometry:{type:”GeoJSON”,coordinates:[longitud,latitud]}}}})

## index.html
<!doctype html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="jspm_packages/github/twbs/bootstrap@3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="jspm_packages/npm/font-awesome@4.2.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
  </head>
  <body aurelia-app>
    <script src="jspm_packages/system.js"></script>
    <script src="config.js"></script>

## welcome.js
export class Welcome{
  constructor(){
    this.heading = 'Welcome to the Aurelia Navigation App!';
    this.firstName = 'John';
    this.lastName = 'Doe';
  }

  get fullName(){
    return `${this.firstName} ${this.lastName}`;
  }

## welcome.html
<template>
  <section>
    <h2>${heading}</h2>

    <form role="form" submit.delegate="welcome()">
      <div class="form-group">
        <label for="fn">First Name</label>
        <input type="text" value.bind="firstName" class="form-control" id="fn" placeholder="first name">
      </div>
      <div class="form-group">

## app.js
import {Router} from 'aurelia-router';

export class App {
  static inject() { return [Router]; }
  constructor(router) {
    this.router = router;
    this.router.configure(config => {
      config.title = 'Aurelia';
      config.map([
        { route: ['','welcome'], moduleId: 'welcome', nav: true, title:'Welcome' },

## app.html
<template>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <i class="fa fa-home"></i>
        <span>${router.title}</span>
      </a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

## flickr.js
import {HttpClient} from 'aurelia-http-client';

var url = 'http://api.flickr.com/services/feeds/photos_public.gne?tags=rainier&tagmode=any&format=json';

export class Flickr{
  static inject() { return [HttpClient]; }
  constructor(http){
    this.heading = 'Flickr';
    this.images = [];
    this.http = http;

## flickr.html
<template>
    <section>
        <h2>${heading}</h2>
        <div class="row">
        <div class="col-sm-6 col-md-3" repeat.for="image of images">
          <a class="thumbnail">
            <img style="width: 260px; height: 180px;" src.bind="image.media.m"/>
          </a>
        </div>
        </div>

## app.html
<template>
  <import from='./nav-bar'></import>

  <nav-bar router.bind="router"></nav-bar>

  <div class="page-host">
    <router-view></router-view>
  </div>
</template>

## nav-bar.js
import {Behavior} from 'aurelia-framework';

export class NavBar {
  static metadata(){ return Behavior.withProperty('router'); }
}
	db.nombrecoleccion.find({“campo”:{$near:[longitud,latitud],$maxDistance:distancia}})

	db.nombrecoleccion.find({nombrecampo:{$geoWithin:{“$operador”:”coordenada”}}})

	db.nombrecoleccion.find({nombrecampo:{$geoIntersects:{$geometry:{type:”GeoJSON”,coordinates:[longitud,latitud]}}}})
	<!doctype html>
	<html>
	<head>
	<link rel="stylesheet" type="text/css" href="jspm_packages/github/twbs/bootstrap@3.3.2/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="jspm_packages/npm/font-awesome@4.2.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="styles/styles.css">
	</head>
	<body aurelia-app>
	<script src="jspm_packages/system.js"></script>
	<script src="config.js"></script>
	export class Welcome{
	constructor(){
	this.heading = 'Welcome to the Aurelia Navigation App!';
	this.firstName = 'John';
	this.lastName = 'Doe';
	}

	get fullName(){
	return `${this.firstName} ${this.lastName}`;
	}
	<template>
	<section>
	<h2>${heading}</h2>

	<form role="form" submit.delegate="welcome()">
	<div class="form-group">
	<label for="fn">First Name</label>
	<input type="text" value.bind="firstName" class="form-control" id="fn" placeholder="first name">
	</div>
	<div class="form-group">
	import {Router} from 'aurelia-router';

	export class App {
	static inject() { return [Router]; }
	constructor(router) {
	this.router = router;
	this.router.configure(config => {
	config.title = 'Aurelia';
	config.map([
	{ route: ['','welcome'], moduleId: 'welcome', nav: true, title:'Welcome' },
	<template>
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	<div class="navbar-header">
	<a class="navbar-brand" href="#">
	<i class="fa fa-home"></i>
	<span>${router.title}</span>
	</a>
	</div>

	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	import {HttpClient} from 'aurelia-http-client';

	var url = 'http://api.flickr.com/services/feeds/photos_public.gne?tags=rainier&tagmode=any&format=json';

	export class Flickr{
	static inject() { return [HttpClient]; }
	constructor(http){
	this.heading = 'Flickr';
	this.images = [];
	this.http = http;
	<template>
	<import from='./nav-bar'></import>

	<nav-bar router.bind="router"></nav-bar>

	<div class="page-host">
	<router-view></router-view>
	</div>
	</template>