javascript - ASP.NET 和 JavaScript(GoogleMaps 标记到 JavaScript)

Question

我有一个新手问题。如果在我的 asp.net 应用程序中，我需要查询数据库并获取一组 Google 标记以显示在 map 上。我是 Web 开发新手，所以我不确定如何将数据从 asp.net 传递到 JavaScript。它是通过 JavaScript 调用的 WebService 完成的还是有其他方法来完成？我可能误解了一些主要概念。还有，有没有办法将数据从 JavaScript 传递到 ASP.NET 应用程序(例如，在 Google map 上做了一些事情，数据应该存储到后端的数据库中)。如果这太基础了，任何链接将不胜感激。谢谢 !

Answer 1

嗯，这就是我要做的(仅供引用，这很大程度上依赖于 JQuery javascript 库):

1. 声明您的<div>您的 map 将显示在哪里。
2. 使用$(document).ready()等待 DOM 加载后启动请求的处理程序
3. 使用异步 JQuery $.ajax调用 WCF 或 ASMX Web 服务，该服务返回表示标记数据的 JSON。

以下是一些代码的粗略剪辑:

... your web page

<script>
$(document.)ready(function() {

$.ajax(

 url: "mapquery.asmx",
 async: true,
 dataType: json,
 success: function(data)
 {
    var map = new GMap2(document.getElementById("map_div"));
    for (int i = 0; i < data.length; i++)
    {
       var point = new GLatLng(data.results[i].lat,
                               data.results[i].lng);
       var marker = createMarker(point, data.results[i].desc, 
                                 data.results[i].type);
       map.addOverlay(marker);
    }
 }
);

});
</script>

从mapquery.asmx返回的示例json:

results = [ {
      lat: 41.765,
      lng: 80.572
      desc: "My house",
      type: "X"
   },
   {
      lat: 42.765,
      lng: 81.572
      desc: "Friend's house",
      type: "X"
   }
]