title: Using variables to add latitude, longitude Google Maps API, from Model in MVC
body: <p>I am trying to figure out a way to pull latitude, longitude data from a Model I have in MVC and display it using the Google Maps API.  I have done research and there are some different methods that have worked for people but none that I can get to work in my project.  I can't figure out the best/ most efficient way to do this or if I am even close.  Any sort of help or guidance would be immensely appreciated.</p>
  
  <p>I have my <strong>Model class</strong> that looks like this: </p>
  
  <pre><code> public class Markers
  {
      [Key]
  
  
      public double lat { get; set; }
  
      public double lon { get; set;}
  
      public Boolean stillActive { get; set; }
  
         }
  </code></pre>
  
  <p>}</p>
  
  <p>I currently have a <strong>Controller class</strong> which is pretty bare.  I am thinking this is where I need to put the logic to pass the required data to my View.  I am only trying to use the lat and lon fields right now.  Right now I have this after trying multiple different ways.</p>
  
  <pre><code>public class MapController : Controller {
  private DBContext db = new DBContext();
  
  public ActionResult Map() {
  
  // Can't figure this out }
  </code></pre>
  
  <p>In my <strong>View</strong> I currently have the following code.  What I can't figure out is am I supposed to be setting the variables in the Controller and then passing them to the View?  Am I supposed to just access them in the View straight from the Model??  Is there an easy way/ hard way to do this? I want to show all the markers that are currently in the database.
  Here is my <strong>View</strong>:</p>
  
  <pre><code> function initialize() {
      var mapOptions = {
          center: new google.maps.LatLng(50.0, -119.088889),
          zoom: 5,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
  
  
      *//Create Marker   //Trying to take all values in the coloumns of lat and lon and 
                         and place them in the LatLng function. //* 
          var latlng = new google.maps.LatLng(*//WANT All instances of LAT HERE, //WANT all instances of LON HERE*);
      var marker = new google.maps.Marker({
          position: latlng,
          map: map,
              title: "My Marker"        
      });
  }
  </code></pre>
  
  <p>Sorry if this is hard to read, I am a noob to StackOverFlow.  Any direction will be greatly appreciated.  Thanks in advance.</p>