при выборе раскрывающегося списка изменить длину Google Map с помощью JQuery или Javascript

0

при выборе понижающего изменения lat long в Google Map с использованием J Query или JavaScript, пожалуйста, найдите приведенный ниже код и помогите мне за вашу помощь заранее

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

  <div id="map_canvas"></div>
 <script type="text/javascript">
$(document).ready(function () {
$('.target').change(function() {   
    var coordinate = $('select option:selected').val();
    alert(coordinate);
  //  alert(google_map(coordinate));
});
});

function initialize() {
    alert(coordinate);
        var map_canvas = document.getElementById('map_canvas');
        var map_options = {
          center: new google.maps.LatLng(coordinate , coordinate1),
          zoom: 4,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(map_canvas, map_options)
      }
      google.maps.event.addDomListener(window, 'load', initialize);
</script>
Теги:
google-maps

1 ответ

2
Лучший ответ

Используйте setCenter для изменения центра карты, и вам нужно будет передать объект LatLng.

$('.target').change(function() {   
  var coordinate = $('select option:selected').val().split(',');
  map.setCenter(new google.maps.LatLng(coordinate[0], coordinate[1]));
});

Синтаксис, вам нужно передать широту в качестве первого аргумента, а долготу - второй аргумент. Я вроде как предполагаю, что coordinate структурирована именно так.

  • 0
    Работает спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню