pass values Database to Javascript

Question

I need to pass values longitude and latitude stored in the database trough GetLocation method and pass them to javascript, how can I do this?

DATABASE TABLE Location

LocationId
Latitude
Longitude
Name

BUSSINES CLASS METHOD

public List<Location> GetLocation() { return Bd.Location.ToList(); }

JAVASCRIPT

function initMap() {
var mapCanvas = document.getElementById("map");
var mapOptions = {
    center: new google.maps.LatLng( **Latitude** , **Longitude**),  <--
    zoom: 15
};
var map = new google.maps.Map(mapCanvas, mapOptions);
}

Are you using a framework like AngularJS or is this straight javascript? — Bob Kaufman
– Bob Kaufman, Commented Nov 28, 2016 at 1:57

Carl Edwards · Accepted Answer · 2016-11-28 02:19:21Z

1

With data-attributes you could insert the values from your backend as so. It doesn't have to be the #map div per se but just using it as a basic example:

<div id="map" data-longitude="<!-- longitude value goes here -->" data-latitude="<!-- latitude value goes here -->">
  ...
</div>

And then retrieve them from the javascript end using getAttribute

function initMap() {
  var mapCanvas = document.getElementById("map");

  var latitude = mapCanvas.getAttribute("data-latitude");
  var longitude = mapCanvas.getAttribute("data-longitude");

  var mapOptions = {
    center: new google.maps.LatLng(latitude, longitude),
    zoom: 15
  };

  var map = new google.maps.Map(mapCanvas, mapOptions);
}

edited Nov 28, 2016 at 2:19

answered Nov 28, 2016 at 2:05

Carl Edwards

14.6k12 gold badges69 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

pass values Database to Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related