2016-11-28 118 views
0

我需要傳遞數據庫中存儲的經緯度值,通過GetLocation方法傳遞給javascript,我該怎麼做?將數據庫傳遞給Javascript

數據庫表中的位置

LocationId 
Latitude 
Longitude 
Name 

BUSSINES類方法

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

什麼將它們存儲數據 - 在DOM中的屬性? –

+0

你使用的是AngularJS這樣的框架,還是這個javascript? –

+0

沒有框架,只是javascript – DedalusNine

回答

1

隨着數據的屬性,你可以從你的後端插入值左右。它不必是#map DIV本身,而是隻是用它作爲一個基本的例子:

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

再從JavaScript的結束檢索它們使用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); 
}