Answer the question
In order to leave comments, you need to log in
How to get a simple output of geocoordinates in a div in the Yandex Maps API?
Friends, welcome!
It is required to adjust the output of the digital value of geocoordinates in the div id="mapCenter" line for points that users specify through the input line (start2).
It seems to be simple, but....
$('#search_route2').submit(function() {
var start_p = $("#start2").val(); // Здесь указаны геоокординаты точки старта
var end_p = [53.34731909, 83.77820255]; // Здесь указаны геоокординаты точки прибытия
ymaps.route(
// Список точек, которые необходимо посетить
[start_p, end_p], {
// Опции маршрутизатора
mapStateAutoApply: true // автоматически позиционировать карту
}).then(function(router) {
route && myMap.geoObjects.remove(route);
route = router;
myMap.geoObjects.add(route);
$("#resmarshrut2").empty();
$("#resmarshrut2").append('Расстояние: ' + route.getHumanLength());
var sec = route.getJamsTime();
var h = Math.floor(sec / 3600);
var min = Math.floor((sec - h * 3600) / 60);
$("#time2").empty();
$("#time2").append('Время в пути: ' + h + ' час. ' + min + ' мин. ');
}, function(error) {
alert("Возникла ошибка: " + error.message);
}).then (function init(){
var cord = $('#start2').text(); // адрес для передачи в геокодер
var myGeocoder = ymaps.geocode(cord); // передаем переменную
myGeocoder.then(
function (res) {
myMap.geoObjects.add(res.geoObjects);
var adres = result.geoObjects.get(0).properties.get('metaDataProperty').getAll(); // записываю координаты в переменную
$("#mapCenter").empty();
$("#mapCenter").append([adres]);
},
function (err) {
// обработка ошибки
}
);
});
return false;
});
<form id="search_route2">
<div id="adr_input" style="margin: 10px 20px 5px;">Укажите место старта (почтовый адрес):</div>
<input id="start2" name="search_address" type="text" value="" placeholder="Например: Новосибирск, Богаткова, 3" style="width: 250px; margin: 15px 10px 5px;">
<input type="submit" id="searchmap" style="width: 200px; margin: 15px 20px 5px;" class="btn btn-success" value="ПОСТРОЕНИЕ МАРШРУТА"/>
<span style="font-size: small; width: 50px; margin: 15px 10px 5px;"><label class="control-label" for="mapCenter">ГеоКоординаты старта:</label></span> <input style="width: 120px; margin: 15px 10px 5px; type="text" id="mapCenter"></input>
<a target="_blank" id="gotoprint" href="http://comfort.xn--22-6kc1cvaaoh7b.xn--p1ai/group/printmap.html"><button type="button" style="width: 90px; margin: 15px 20px 5px;" title="Печать фрагмента карты" class="btn btn-danger" />ПЕЧАТЬ КАРТЫ </button></a>
<table width="98%" border="0" cellpadding="0">
<tbody>
<tr>
<td width="200">
</td>
<td>
<div id="time2" style="margin: 5px 50px 5px; font-size: small;"></div>
</td>
<td>
<div id="resmarshrut2" style="margin: 5px 0px 5px; font-size: small;"></div>
</td>
<td>
<div id="mapCenter" style="margin: 5px 50px 5px; font-size: small;"></div>
</td>
</tr>
</tbody>
</table>
</form>
<div id="map"></div>
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question