0

GPSデバイスが送信する信号に基づいて車両の位置を表示するアプリケーションに取り組んでいます。ASP.Netにグリッドビューがあり、ストアドプロシージャを使用してパラメーターに基づいてその情報を表示し、グリッドビューに次の情報を入力します。

DataSetTableAdapters.sp_GetPositionTableAdapter gp = new DataSetTableAdapters.sp_GetPositionTableAdapter
gridview.DataSource=  gp.GetData(parameters)

列は次のとおりです。到着時刻、住所、位置(緯度、経度)。しかし、このような位置を表示する代わりに>> "32.546750000000000、-116.947848333333000"、車両の位置がマークされたGoogleマップページにリダイレクトするアイコンを表示したいと思います。または、ポップアップを表示することもできます。

これを行うための最良の方法は何ですか?

前もって感謝します。

4

1 に答える 1

1

href ='http://maps.google.com/maps?q=32.546750000000000、-116.947848333333000'を使用してアンカータグを出力する最も簡単な方法

最善の方法は、Google Maps APIの使用方法を学び、地図上の適切な場所にマーカーを作成することです。

簡単な例:

<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<style type="text/css">
    #map_canvas { height: 100%; }
    @media print {
        html, body { height: auto; }
        #map_canvas { height: 650px; }
    }
</style>

<script type="text/javascript">
function initialize() {
    var myLatlng =
        new google.maps.LatLng(32.546750000000000, -116.947848333333000);
    var myOptions = {
        zoom: 4,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(
        document.getElementById("map_canvas"), myOptions);
    var marker = new google.maps.Marker({
        position: myLatLng, 
        map: map,
        title: "Hello World!"
    });
}

if (window.addEventListener) { // W3C standard
    window.addEventListener('load', initialize, false); // NB **not** 'onload'
}
else if (window.attachEvent) { // Microsoft
    window.attachEvent('onload', initialize);
} 
</script>

<div id="map_canvas" style="height: 400px; width: 800px;"></div>
于 2012-05-22T01:00:14.597 に答える