Question

我正在使用带有C＃的asp.net。我使用JavaScript在我的应用程序中嵌入了Google Maps。我输入纬度和经度，它显示谷歌地图上的位置。现在我想要它需要lat＆amp;从数据库中获取并显示位置。

这是我的代码：

  <script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
    </script>
    <script type="text/javascript">
        function initialize() {
            var lat = document.getElementById('txtlat').value;
            var lon = document.getElementById('txtlon').value;
            var myLatlng = new google.maps.LatLng(lat, lon) 
            var mapOptions = {
                center: myLatlng,
                zoom: 18,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                marker: true
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
            var marker = new google.maps.Marker({
                position: myLatlng
            });
            marker.setMap(map);
        }


    </script>
    </head>

    <body >

    <table>
    <tr>
    <td class="style3">Enter Latitude:</td>
    <td><input type="text" id="txtlat" value="" onclick="return txtlat_onclick()" /> </td>
    </tr>
    <tr>
    <td class="style3">Enter Longitude:</td>
    <td><input type="text" id="txtlon" value="" onclick="return txtlon_onclick()" /> </td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><input type="button" value="Submit" onclick="javascript:initialize()" /> </td>
    </tr>
    </table>
    <div id="map_canvas" style="width: 535px; height: 347px"></div>


    </body>
    </html>

Answer 1

对服务器执行ajax请求，服务器将连接到数据库，从表中读取纬度和经度并返回。在你的ajax处理程序中，用响应替换你的lat和lon变量。

查看此问题：jQuery ajax call to REST service了解javascript的外观。

查看本文，了解如何在c＃http://code.msdn.microsoft.com/Build-truly-RESTful-API-194a6253中构建一个restful api。

查看本文，了解如何使用c＃http://www.daniweb.com/software-development/csharp/threads/21636/how-do-you-connect-to-a-sql-database-using-c

连接到数据库

如何从SQL Server获取值以在我的JavaScript代码中使用？

1 个答案: