마커 및 줌으로 검색, gmap3으로 마커 근처에지도 맞추기

Question

Google지도 에 표시 결과를 표시하기 위해 gmap3 플러그인을 사용합니다. 예를 들어 "new york"라고 입력하면 텍스트 상자 입력란에 뉴욕 마켓의 많은 마커가 표시됩니다. 나는지도 확대를 원하고 뉴욕에 적합하고이 장소의 마커를 모두 보여줄 수 있습니까? 어떻게 할 수 있습니까? padmapper.com

을이 내 코드입니다 :

$(function(){ 
      $("#main-map").gmap3({ 
     map:{ 
     options:{ 
      center:["newyork"] 
     } 
     }, 
     marker:{ 
     values:[ 
      {latLng:[48.8620722, 2.352047]}, 
      {address:"86000 Poitiers, France"}, 
      {address:"66000 Perpignan, France"} 
     ], 
     } 
    }); 
    $('#ok').click(function(){ 
     var addr = $('#Address').val(); 
     if (!addr || !addr.length) return; 
     $("#main-map").gmap3({ 
     getlatlng:{ 
      address: addr, 
      callback: function(results){ 
      if (!results) return; 
      $(this).gmap3({ 
       marker:{        
       latLng:results[0].geometry.location, 
       map:{ 
        options:{ 
        center: addr , 
        zoom: 12 
        }, 
        center: addr 
       } 
       } 
      }); 
      } 
     } 
     }); 
    }); 

    $('#Address').keypress(function(e){ 
     if (e.keyCode == 13){ 
     $('#ok').click(); 
     } 
    }); 
    }); 

와 HTML 코드

<div id="main-map"> 
     </div> 
    <input type="text" placeholder="City, Address, or Zip" name="goToAddress" style="margin-left:5px; width:215px;" id="Address"> 
<button id="ok" type="button">Go</button> 

Answer 1

이

$('#ok').click(function(){ 
    var addr = $('#Address').val(); 
    if (!addr || !addr.length) return; 
    $("#main-map").gmap3({ 
    getlatlng:{ 
     address: addr, 
     callback: function(results){ 
     if (!results) return; 
     $(this).gmap3({ 
      marker:{        
      latLng:results[0].geometry.location, 

      } 
      {action: 'setCenter', args:[ result[0].geometry.location ]} 
     }); 
     } 
    } 
    }); 
}); 

을 시도 내가이 사이트에보고 싶은 당신에 쇼