2016-11-28 5 views
0

データベースのトラフのGetLocationメソッドに格納されている経度と緯度の値を渡してJavaScriptに渡す必要があります。どうすればいいですか?値渡しデータベースからJavaScriptへ

データベーステーブルの場所

LocationId 
Latitude 
Longitude 
Name 

タマン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); 
} 
+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); 
} 
関連する問題