2017-01-20 7 views
1
<!-- HERE ARE THE SEARCH BOX WHERE WE ENTER A NEW LOCATION FOR SEARCH --> 
     <div id='printoutPanel'></div> 
     <div id='searchBoxContainer'><input type= 'text' id= 'searchBox' style="width:500px"/></div> 

    <div id='myMap' style='width: 600px; height: 600px;'></div> 
    <script type='text/javascript'> 
     function loadMapScenario() { 
      var map = new Microsoft.Maps.Map(document.getElementById('myMap'), { 

//credentials: 'HERE YOU CAN ENTER YOUR BING MAP KEY ', 
       credentials: '<<CREDENTIALS HERE>>', 
       center: new Microsoft.Maps.Location(47.606209, -122.332071), 
       zoom: 12 
      }); 
      Microsoft.Maps.loadModule('Microsoft.Maps.AutoSuggest', function() { 
       var options = { 
        maxResults: 4, 
        map: map 
       }; 

// HERE WE ARE SETTING A NEW LOCATION WHEN WE SEARCH FOR ANY C OR R 
       var manager = new Microsoft.Maps.AutosuggestManager(options); 
       manager.attachAutosuggest('#searchBox', '#searchBoxContainer', selectedSuggestion); 
      }); 
      function selectedSuggestion(suggestionResult) { 
       map.entities.clear(); 
       map.setView({ bounds: suggestionResult.bestView }); 
       var pushpin = new Microsoft.Maps.Pushpin(suggestionResult.location); 
       map.entities.push(pushpin); 
// IF YOU WANT TO SHOW THE LONGITUDE AND LATITUDE ON THE MAP WHICH YOU WANT TO SEARCH THEN JUST UNCOMMENT THE BELOW 4 LINES 

       // document.getElementById('printoutPanel').innerHTML = 
        // 'Suggestion: ' + suggestionResult.formattedSuggestion + 
        // '<br> Lat: ' + suggestionResult.location.latitude + 
        // '<br> Lon: ' + suggestionResult.location.longitude; 
      } 

     } 

    </script> 
    <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?branch=release&callback=loadMapScenario' async defer></script> 

答えて

1

autosuggest応答には、この情報がsuggestionResult.addressプロパティに含まれています。ここではオートサジェスト応答のドキュメントは次のとおりです。https://msdn.microsoft.com/en-US/library/mt712672.aspxまた

https://msdn.microsoft.com/en-us/library/mt750287.aspx

、あなたも、あなたが入力しないよう、個々のクエリをジオコーディングします検索モジュールを使用することができるのAutoSuggestあなたが使用したくない場合。ここではいくつかのドキュメント/例は次のとおりです。

http://www.bing.com/api/maps/sdkrelease/mapcontrol/isdk#searchByAddress+JS

https://msdn.microsoft.com/en-us/library/mt750534.aspx

https://msdn.microsoft.com/en-us/library/mt712846.aspx

最後にもう一つの選択肢は直接Bing MapsのRESTサービスにアクセスすることです。 jQueryなどのさまざまなJavaScriptフレームワークでこれを行う方法の例は、ここにあります:https://msdn.microsoft.com/en-US/library/mt793281.aspx

+0

ソースコード –

+0

ドキュメントへのリンクを見てください。すでにそこにソースコードがあります。 – rbrundritt

+0

このリンクの郵便番号は検索していませんあなたは私を助けることができますhttps://msdn.microsoft.com/en-us/library/mt712675.aspx –

関連する問題