将值数据库传递给Javascript

时间:2016-11-28 01:51:13

标签: javascript asp.net database

我需要通过GetLocation方法传递存储在数据库中的经度和纬度值,并将它们传递给javascript,我该怎么做?

数据库表位置

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);
}

1 个答案:

答案 0 :(得分:1)

使用数据属性,您可以插入后端的值。它本身不一定是#map div,而只是将它作为基本示例使用:

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

然后使用getAttribute

从javascript端检索它们
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);
}