Google Maps v3 API - обновление местоположения карты на основе выбора / раскрывающегося списка

Question

Здравствуйте, я пытаюсь использовать раскрывающееся меню, содержащее список стран - после выбора оно должно автоматически обновить карту Google и увеличить это местоположение.

Например, если пользователь выбирает «Бразилия» из раскрывающегося списка, токарта должна приблизиться к Бразилии - любые идеи о том, как это сделать - или любые простые уроки, которые это объясняют.

    geocoder = new google.maps.Geocoder();
    console.log(geocoder);        
    geocoder.getLatLng(
        'Brazil',
        function(point) {
            if (point !== null) {
                console.log(point);
                centre = point;
            }
        }
    );

Answer 1

Вам нужно выпадающее меню со значением геокоординаты.если раскрывающийся список изменится, он вызовет функцию Google Map.

<form>  
    <select class="target">     
        <option value="2,3" selected="selected">Brazil</option>
        <option value="4,3">China</option>   
    </select>
</form>

Jquery

$('.target').change(function() {   
    var coordinate = $('select option:selected').val();
    google_map(coordinate);
});


function google_map(coordinate) {
    var latlng = new google.maps.LatLng(coordinate);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

}