显示Google地图图标而非动态定位

时间:2012-05-22 00:06:03

标签: asp.net google-maps gridview

我正在开发一个应用程序,根据GPS设备发送的信号显示车辆的位置。我在ASP.Net中有一个gridview,它使用存储过程根据参数显示该信息,然后用以下内容填充gridview:

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

列是:到达时间,地址,位置(纬度,经度)。但不是显示像这样的位置>> “32.546750000000000,-116.947848333333000”,我想显示一个图标,重定向到谷歌地图页面,标记车辆的位置。或者可能会弹出一个弹出窗口。

这样做的最佳方式是什么?

提前致谢。

1 个答案:

答案 0 :(得分: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>