title: KML Coordinates for Google Maps
body: <p>I am trying to make an app so the user will be able to click on a link(The links are locations) and it will open up google maps and direct them to the location. I have the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"&gt;&lt;/script&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;ECC&lt;/title&gt;
  &lt;/head&gt;
  &lt;body ng-app="app"&gt;
  &lt;div ng-controller="firstCtrl"&gt;
  &lt;input type="text" ng-model="search"/&gt;
  &lt;ul&gt;
  &lt;li ng-repeat="site in SiteLocs |filter : search "&gt;{{site.name}}&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.controller('firstCtrl', function($scope){
   $scope.SiteLocs = [
     {
    "name": "502 Nelson St, Greenville, MS 38701",
    "visibility": "0",
    "description": "502 Nelson St, Greenville, MS 38701",
    "styleUrl": "#waypoint",
    "Point": {
      "coordinates": "-91.05636,33.415485,0"
    }
  
  }
     , 
     {
    "name": "242 Blackhawk Trace, Galena, IL 61036",
    "visibility": "0",
    "description": "242 Blackhawk Trace, Galena, IL 61036",
    "styleUrl": "#waypoint",
    "Point": {
      "coordinates": "-90.319778,42.390862,0"
    }
  }, (ect... there are a couple thousand of these so I wont add them all..)
  ];
  });
  </code></pre>
  
  <p>What I need help with is the linking its self. I dont know what to link the list to using href. Anybody have any ideas?</p>