@yurasmirnow

Как сделать, чтобы при выборе адреса из списка менялась гугл карта?

<select id="map" onselect="changeURL">
			<option value="mad" selected="">Мадояна</option>
			<option value="st">Стачки</option>
		</select>
		<iframe id="address" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2708.9331197438223!2d39.631512315505965!3d47.237454079161886!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40e3b8a244e7d3ad%3A0x57ca0ca5feba8b84!2z0YPQuy4g0JzQsNC00L7Rj9C90LAsIDIxMSwg0KDQvtGB0YLQvtCyLdC90LAt0JTQvtC90YMsINCg0L7RgdGC0L7QstGB0LrQsNGPINC-0LHQuy4sIDM0NDA0MQ!5e0!3m2!1sru!2sru!4v1619639843059!5m2!1sru!2sru" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
		<script type="text/javascript">
			var seladdress = document.getElementById("map").value
			var GM = document.getElementById('address')
			if ( seladdress === mad) {
	GM.src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2708.9331197438223!2d39.631512315505965!3d47.237454079161886!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40e3b8a244e7d3ad%3A0x57ca0ca5feba8b84!2z0YPQuy4g0JzQsNC00L7Rj9C90LAsIDIxMSwg0KDQvtGB0YLQvtCyLdC90LAt0JTQvtC90YMsINCg0L7RgdGC0L7QstGB0LrQsNGPINC-0LHQuy4sIDM0NDA0MQ!5e0!3m2!1sru!2sru!4v1619639843059!5m2!1sru!2sru";
  	address.src = GM.src; }
 			else if ( seladdress === st) {
 	GM.src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d86693.67961259438!2d39.609725141472694!3d47.23267403452841!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40e3b83ad74147ff%3A0xb32c12d079e2fb7!2z0KLQoNCaINCT0L7RgNC40LfQvtC90YI!5e0!3m2!1sru!2sru!4v1619642778245!5m2!1sru!2sru"
 	address.src = GM.src
 			}
		</script>

Помогите разобраться (В программировании разбираюсь очень поверхностно, но зачем-то решил поучаствовать в хакатоне), как можно сделать, чтобы когда выбираешь пункт из вываливающегося списка, менялся адрес на встроенной гугл карте?
Есть src из гугл карты к примеру, необходимо чтобы он менялся
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ответы на вопрос 1
@dimuska139
Backend developer
У Google карт есть геокодер с помощью которого можно по адресу получать координаты. При выборе пункта из списка берёте адрес, суёте его в геокодер, получаете координаты. Ну а дальше центрируете карту в этой точке (см. документацию). Если не хотите каждый раз дёргать геокодер, а адреса в списке не меняются, то можно координаты заранее сохранить и при смене адреса в списке брать их. Но, если не ошибаюсь, Google запрещает это делать в рамках соглашения (но это не точно).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы