根据新坐标实时更新Bing地图

Question

目标：
更新 bing 地图中的视觉位置。

问题：
如果我在文本框中添加新的纬度和经度坐标，应该显示 bing 但它不起作用。

信息：
*您需要使用自己的 api 键码。
*---http://jsbin.com/zegimofege/edit?html,console,output

谢谢！

<!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()
    {
  var map = new Microsoft.Maps.Map('#myMap', {
   credentials: 'Your Bing Maps Key',
   mapTypeId: Microsoft.Maps.MapTypeId.road,   
   center: new Microsoft.Maps.Location(parseInt(document.getElementById("log")), parseInt(document.getElementById("lat"))),
   zoom: 10
  });
    }
    </script>
</head>
<body onload="GetMap();">
  
  <div id="myMap" style="position:relative;width:600px;height:400px;"></div>
 
  Log: <input type="text" id="log" value="51.50632"><br>
  Lat: <input type="text" id="lat" value="-0.12714"><br>
  
</body>
</html>

Answer 1

您没有添加任何代码来在更新文本框值时执行任何操作。向它们添加事件。您使用哪个事件取决于您，需要考虑一些事件、键盘输入、取消焦点或添加更新按钮。在事件处理程序中，获取这些值并使用 parseFloat 转换为浮点数，然后像这样设置地图视图 map.setView({ center: new Microsoft.Maps.Location(lat, lon) })

根据新坐标实时更新Bing地图

Update the Bing map based on new coordinate in realtime

gis

real-time

updates

coordinates

bing-maps