2017-01-20 2 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/mt750287.aspx

https://msdn.microsoft.com/en-US/library/mt712672.aspx

, 당신은 또한 당신은 입력하지로, 개별 쿼리를 지오 코딩합니다 검색 모듈을 사용할 수 있습니다 자동 제안 사용하지 않으려는 경우. 여기에 몇 가지 문서/예는 다음과 같습니다

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

마지막으로 옵션을 직접 빙지도 REST 서비스에 액세스하는 것입니다. jQuery와 같은 다양한 JavaScript 프레임 워크에서이를 수행하는 방법의 예는 다음에서 찾을 수 있습니다. https://msdn.microsoft.com/en-US/library/mt793281.aspx

+0

소스 코드가 필요합니다. –

+0

설명서에 대한 링크를 살펴보십시오. 이미 소스 코드에 대한 톤. – rbrundritt

+0

이 링크에서 우편 번호는 검색 할 수 없습니다 plz help me https://msdn.microsoft.com/en-us/library/mt712675.aspx –