2017-12-12 6 views
0

目標:
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() 
 
    { 
 
\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>

答えて

0

テキストボックスの値が更新されたときに何を行うには、コードを追加しませんしました。それらにイベントを追加します。どのイベントを使用するかは、あなた次第です。いくつか検討したり、キーアップしたり、フォーカスを外したり、更新ボタンを追加することができます。イベントハンドラでこれらの値を取得し、parseFloatを使用して浮動体に変換し、次にmap.setView({center:new Microsoft.Maps.Location(lat、lon)})のようなマップビューを設定します。

+0

ありがとう! –

関連する問題