Intereting Posts
Считыватель экрана не читает цену («$ 47,49») правильно Кодированный пользовательский интерфейс – невозможно идентифицировать элементы управления html на Wpfbrowser Получить выпадающее значение Как сохранить выбор текста при открытии диалогового windows jQuery Ошибка валидатора w3c с встраиванием chatango? Как использовать add / subtract в css propertyt? Каков правильный синтаксис атрибута readonly для входных текстовых элементов? почему javascript работает, когда внизу страницы, а иногда и сверху страницы Как добавить дополнительные поля для создания перед отправкой? Загрузка файла формы HTML на Google Диск и сохранение URL-адреса на странице google Как сделать сетку (например, бумажную сетку) только с помощью CSS? Задание ширины табуляции? Нужно установить переменную = в раскрывающийся список в php / html JavaScript: как «кэшировать» загружаемый файл, а затем запускать загрузку по запросу? Команда HTML не работает в браузере Iphone

Изменение местоположения карты google при изменении selectbox после загрузки карты и маркеров

Как изменить местоположение карты Google, чтобы другие координаты lat и long находились в центре карты google при изменении selectbox. Карта и маркеры уже были загружены успешно. Единственное, что нужно изменить, это, скажем, прокрутить уже загруженную карту в соответствующий город, когда она выбрана из selectbox. Координаты маркеров НЕ должны быть изменены.

 NYC Chicago Boston  

Если у вас есть координаты мест выпадающего города, используйте их. Если нет, вы можете использовать геокодер (если вы указываете имена, которые он распознает):

fragment кода:

 function initialize() { var map = new google.maps.Map(document.getElementById("map")); var geocoder = new google.maps.Geocoder(); $("#dropdown").change(function() { address = $("#dropdown :selected")[0].text; geocodeAddress(address, geocoder, map); }); var address = $("#dropdown :selected")[0].text; geocodeAddress(address, geocoder, map); } google.maps.event.addDomListener(window, "load", initialize); function geocodeAddress(address, geocoder, resultsMap) { document.getElementById('info').innerHTML = address; geocoder.geocode({ 'address': address }, function(results, status) { if (status === google.maps.GeocoderStatus.OK) { resultsMap.fitBounds(results[0].geometry.viewport); document.getElementById('info').innerHTML += "
" + results[0].geometry.location.toUrlValue(6); } else { alert('Geocode was not successful for the following reason: ' + status); } }); }
 html, body, #map, .map-container { height: 100%; width: 100%; margin: 0px; padding: 0px }