Aktualisieren Sie die Bing-Karte basierend auf der neuen Koordinate in Echtzeit

Ziel:
Aktualisieren Sie die visuelle Position in Bing-Karte.Aktualisieren Sie die Bing-Karte basierend auf der neuen Koordinate in Echtzeit

Problem:
Wenn ich neue Breite und Koordinatenkoordinate in das Textfeld einfügen, sollte das Bing angezeigt werden, aber es funktioniert nicht.

Info:
* Sie müssen Ihren eigenen API-Schlüsselcode verwenden.
* --- http://jsbin.com/zegimofege/edit?html,console,output

Vielen Dank!

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title></title> 
 
    <meta charset="utf-8" /> 
 

 
    <!-- Reference to the Bing Maps SDK --> 
 
    <script type='text/javascript' 
 
      src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=[your kep]' 
 
      async defer></script> 
 
    
 
    <script type='text/javascript'> 
 
    function GetMap() 
 
    { 
 
\t \t var map = new Microsoft.Maps.Map('#myMap', { 
 
\t \t \t credentials: 'Your Bing Maps Key', 
 
\t \t \t mapTypeId: Microsoft.Maps.MapTypeId.road, \t \t \t 
 
\t \t \t center: new Microsoft.Maps.Location(parseInt(document.getElementById("log")), parseInt(document.getElementById("lat"))), 
 
\t \t \t zoom: 10 
 
\t \t }); 
 
    } 
 
    </script> 
 
</head> 
 
<body onload="GetMap();"> 
 
    
 
    <div id="myMap" style="position:relative;width:600px;height:400px;"></div> 
 
\t 
 
    Log: <input type="text" id="log" value="51.50632"><br> 
 
    Lat: <input type="text" id="lat" value="-0.12714"><br> 
 
    
 
</body> 
 
</html>

Quelle

2017-12-12 What' sUP

Sie keinen Code hinzugefügt haben, etwas zu tun, wenn die Textfeld Werte aktualisiert werden. Fügen Sie ihnen Ereignisse hinzu. Welches Ereignis Sie verwenden, hängt von Ihnen ab, einige, die Sie in Betracht ziehen sollten, Tastenkombinationen, Unfokussierung oder Hinzufügen einer Aktualisierungsschaltfläche. Holen Sie im Ereignishandler diese Werte und konvertieren Sie sie mit parseFloat in floats und setzen Sie dann die Map-Ansicht wie diese map.setView ({mitte: new Microsoft.Maps.Location (lat, lon)})

Quelle

2017-12-12 17:58:53 rbrundritt

Vielen Dank für Ihre Hilfe ! –

Aktualisieren Sie die Bing-Karte basierend auf der neuen Koordinate in Echtzeit

Antwort

Verwandte Themen