在谷歌地图上从asp.net中的db绘制线条?

时间:2013-09-06 13:33:14

标签: javascript jquery asp.net google-maps google-maps-api-3

我有一些lat,lng坐标用于绘制来自数据库的折线。我使用asp.net c#和sql server。来自下面gmaps的示例代码,它在html端具有路径作为字符串。 如何从db后面的db调用/写入lat,lngs到这里?它是如何工作的?

 <script type="text/javascript">
    var map;
    $(document).ready(function(){
      map = new GMaps({
        el: '#map',
        lat: -12.043333,
        lng: -77.028333,
        click: function(e){
          console.log(e);
        }
      });

      path = [[-12.044012922866312, -77.02470665341184], [-12.05449279282314, -77.03024273281858], [-12.055122327623378, -77.03039293652341], [-12.075917129727586, -77.02764635449216], [-12.07635776902266, -77.02792530422971], [-12.076819390363665, -77.02893381481931], [-12.088527520066453, -77.0241058385925], [-12.090814532191756, -77.02271108990476]];

      map.drawPolyline({
        path: path,
        strokeColor: '#131540',
        strokeOpacity: 0.6,
        strokeWeight: 6
      });
    });
  </script>

1 个答案:

答案 0 :(得分:0)

您应该调查Google Maps .NET Control for V3 Maps。此控件允许您从代码隐藏中使用Google地图。

此控件的GooglePolyline等同于您发布的脚本代码中的预期行为。

阅读Adding Overlays to Maps以获取有关使用GooglePolyline对象的快速教程。