Question

我正在进行需要实时跟踪虚拟飞机的应用程序。我可以从数据库中获取纬度和经度，但我需要在地图上放置一个图像以实时显示它的位置。怎么会这样？我没有必要将它作为谷歌地图。我只需要在地图上以特殊的纬度和经度放置图像。谢谢！这是我的代码：

        public Form1()
    {
        InitializeComponent();
        webBrowser1.DocumentText = @"<html><head>
            <script type='text/javascript'  <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=XXXXXX&sensor=FALSE'></script>
                <script type='text/javascript'>
                    function initialize() {
                        var Latlng = new google.maps.LatLng(25.252778000000000000, 55.364444000000050000)
                         var mapOptions = {
                         center: Latlng,
                         zoom: 10,
                         mapTypeId: google.maps.MapTypeId.ROADMAP,
                         marker: true
                     };
                    var map = new google.maps.Map(document.getElementById('map_name'), mapOptions);
                    var marker = new google.maps.Marker({
                    position: Latlng,
                    icon:'imag_real_time.png',
                    title: 'dubai airport'
                   });
                   marker.setMap(map);
                }
            </script>
            </head><body onload='initialize()'><div id='map_name' style='height='100px; width='100px;'></div></body></html>";
    }

Answer 1

您可以使用custom markers更改Google地图中的图钉。

Answer 2

获取地图api密钥使用java脚本为用户（GPS）位置设置api密钥和传感器参数为true或false

 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=Your_API_Key&sensor=SET_TRUE_OR_FALSE">

使用initialize（）函数并调用onload

<script type="text/javascript">
 function initialize() {
 var Latlng = new google.maps.LatLng(25.252778000000000000, 55.364444000000050000)
 var mapOptions = {
 center: Latlng,
 zoom: 10,
 mapTypeId: google.maps.MapTypeId.ROADMAP,
 marker: true
 };
 var map = new google.maps.Map(document.getElementById("map_name"), mapOptions);
 var marker = new google.maps.Marker({
 position: Latlng,
 icon:'imag_real_time.png',
 title: "dubai airport"
 });
 marker.setMap(map);
 }
</script>

C＃ - 在谷歌地图上添加图片？

2 个答案: