Question

我刚刚在开发网站中添加了bing地图和API，但是我需要一些帮助，了解如何让我的代码接受实时更新lat和long坐标，让我的地图更新这些值的标记。

目前这就是我所拥有的，但部分代码是专为谷歌地图而设计的，我将谷歌取代谷歌希望最好用。

请保持温和，我是新手编码

<!DOCTYPE html>
<html>
<head>
    <title>Geolocation</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
     <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?branch=release&callback=loadMapScenario' async defer></script>
</head>
<body>
    <div id='printoutPanel'></div>

    <div id='myMap' style='width: 400px; height: 400px;'></div>
    <script type='text/javascript'>

        // Setting boundary and loading map
        function loadMapScenario() {
            var bounds = Microsoft.Maps.LocationRect.fromLocations(new Microsoft.Maps.Location(29.332823, -81.492279), new Microsoft.Maps.Location(28.435825, -81.622231));
            var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
                credentials: 'Bing Maps Key',
                maxBounds: bounds
            });

            // Highlighting the border of bounds on the map
            var boundsBorder = new Microsoft.Maps.Polyline([bounds.getNorthwest(),
                new Microsoft.Maps.Location(bounds.getNorthwest().latitude, bounds.getSoutheast().longitude),
                bounds.getSoutheast(),
                new Microsoft.Maps.Location(bounds.getSoutheast().latitude, bounds.getNorthwest().longitude),
                bounds.getNorthwest()], { strokeColor: 'red', strokeThickness: 2 });
            map.entities.push(boundsBorder);
        }
    </script>

    <script>
        function getReverseGeocodingData(lat, lng) {
            var latlng = new Microsoft.maps.LatLng(lat, lng);
            // This is making the Geocode request
            var geocoder = new Microsoft.maps.Geocoder();
            geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                if (status !== Microsoft.maps.GeocoderStatus.OK) {
                    alert(status);
                }
                // This is checking to see if the Geoeode Status is OK before proceeding
                if (status == Microsoft.maps.GeocoderStatus.OK) {
                    console.log(results);
                    var address = (results[0].formatted_address);
                }
            });
        }
    </script>

Answer 1

Bing Maps V8团队实际上有一个文档化的代码示例，说明如何在此处执行此操作：https://msdn.microsoft.com/en-us/library/mt712803.aspx

如何让我的bing地图接受实时的lat和long坐标，并在地图上跟踪我的运动员

1 个答案: