Добрый день.
Разбираюсь в ЯКартах.
Вот этот код. Добавляет две метки сразу. А третью по нажатию на кнопку (используя координаты в инпутах).
Суть в том, что еще по нажатию между первыми двумя должен строиться маршрут - а этот кусок кода почему-то не работает.
В консоли
Uncaught TypeError: Object #<Object> has no method 'route'
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script src="http://yandex.st/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
ymaps.ready(init);
var myMap,
myPlacemark;
function init(){
myMap = new ymaps.Map ("map", {
center: [55.76, 37.64],
zoom: 16
});
myPlacemark = new ymaps.Placemark([55.7580, 37.6380], {
content: 'Название1',
balloonContent: 'Адрес2'
});
myPlacemark1 = new ymaps.Placemark([55.7605, 37.6405], {
content: 'Название2!',
balloonContent: 'Еще адрес'
});
myMap.geoObjects.add(myPlacemark);
myMap.geoObjects.add(myPlacemark1);
$('#setplace').click(function(){
myPlacemark2 = new ymaps.Placemark([$('#myplacex').val(), $('#myplacey').val()], {
content: 'трулала',
balloonContent: 'ололо'
});
myMap.geoObjects.add(myPlacemark2);
/* вот тут */
ymaps.route([[55.7580, 37.6380], [55.7605, 37.6405]]).then(
function (route) {
myMap.geoObjects.add(route);
},
function (error) {
alert('Возникла ошибка: ' + error.message);
}
);
/* вот тут */
});
}
</script>
</head>
<body>
<div id="map" style="width: 600px; height: 400px"></div>
<p><input type="text" name="" id="myplacex" value="55.7595"/>
<input type="text" name="" id="myplacey" value="37.6375" />
<input type="button" id="setplace" value="Поставить"></p>
</body>
</html>