2016-08-05 7 views
0

Я только что добавил карты bing и API для своего сайта разработки, но мне нужна помощь, чтобы понять, как заставить мой код принять живое обновление lat и длинных координат и обновить карту в отношении этих значений.Как мои карты бинга принимают в реальном времени лат и длинные координаты и отслеживают моего спортсмена в реальном времени по карте

В настоящее время это то, что у меня есть, но часть кода была разработана для карт Google, которые я заменил словами google с Microsoft, надеясь на лучшее.

Пожалуйста, будьте нежны Я новичок в кодировании

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

ответ

 Смежные вопросы

  • Нет связанных вопросов^_^