javascript - 将值数据库传递给 Javascript

Question

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

数据库表位置

LocationId
Latitude
Longitude
Name

商业类(class)方法

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

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