-3

C# で asp.net を使用しています。JavaScript を使用してアプリケーションに Google マップを埋め込みました。緯度と経度を入力すると、その場所が Google マップに表示されます。今、データベースから緯度と経度を取得し、場所を表示したいと考えています。

これが私のコードです：

  <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>
4

1 に答える 1

0

サーバーに ajax リクエストを送信すると、サーバーはデータベースに接続し、テーブルから緯度と経度を読み取って返します。ajax ハンドラーで、lat 変数と lon 変数を応答に置き換えます。

この質問をチェックしてください: javascript がどのように見えるべきかのアイデアについては、REST サービスへの jQuery ajax 呼び出し。

C# http://code.msdn.microsoft.com/Build-truly-RESTful-API-194a6253で安静な API を構築する方法に関するこの記事を確認してください。

C# を使用してデータベースに接続する方法については、この記事をご覧ください。 c

于 2013-05-03T17:01:55.360 に答える