поиск с маркером и масштабированием, подходящая карта рядом с маркером с gmap3

Question

я использую плагин gmap3 для отображения результата на карте google есть поле текстового поля, когда кто-то печатает, например, «новый йорк» много маркеров в городе Нью-Йорк, Я хочу масштабировать карту и вписываться в новый йорк и показывать весь маркер в этом месте? как это можно сделать? для показа в вашей, что я хочу посмотреть на этом сайте: 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 ]} 
     }); 
     } 
    } 
    }); 
});