Как сделать чтобы при нажатии на какой то обьект на карте, открывалась ссылка на той же странице и подсвечивался тот контейнер, который описывает этот обьект. Сейчас только наоборот при нажатии на описание - открывается обьект на карте.
Чтобы посмотреть как работает сейчас нужно:
1)Перейти по ссылке http://test.eltempo.ru/catalog/product/emr35_15761_black_brown/
2) Положить в корзину
3) Нажать на корзину и выбрать оформить заказ
4) Нажать на иконку Самовывоз (Стоимость: 0 )
Задача вроде простая, но не хватает знания JS.
Есть текст, в нем ссылка формата <a id="link" href="#">посмотреть на карте</a>. Под текстом карта, самая простая, с одной лишь меткой (не кастомной), например: ([43.60408, 39.735449], 13).
Что требуется от кнопки: чтоб она вела на это же место карты только с зумом 15 (например), ([43.60408, 39.735449], 15). Нажал, карта приблизилась, если передвинул карту и снова нажал - вернуло.
Вот что есть:
<script type="text/javascript" src="//api-maps.yandex.ru
<script type="text/javascript">
ymaps.ready(init);
function init () {
var myMap = new ymaps.Map("map", {
center: [43.60408, 39.735449],
zoom: 13
}),
// Создаем метку с помощью вспомогательного класса.
myPlacemark = new ymaps.Placemark([43.60408, 39.735449], {
// Свойства.
hintContent: 'Хинт'
}, {
// Опции.
// Своё изображение иконки метки.
iconImageHref: '/images/maplocator.png',
// Размеры метки.
iconImageSize: [22, 30],
// Смещение левого верхнего угла иконки относительно
// её "ножки" (точки привязки).
iconImageOffset: [-11, -30]
});
myMap.controls.add('smallZoomControl');
// Добавляем все метки на карту.
myMap.geoObjects
.add(myPlacemark);
}
</script>
<a id="link" href="#">посмотреть на карте</a>
<div id="map" style="width:100%; height:300px;"></div>
Мы переделали под вторую версию API популярный старый пример «Формирование ссылки на фрагмент карты». А также добавили возможность сохранить в истории состояние карты с помощью HTML5 History API. Данная функциональность может потребоваться, если на карте размещены объекты, а пользователям необходимо обмениваться ссылками на фрагменты карты с этими объектами.
Посмотреть пример в новом окне.
Пользуйтесь и присылайте свои примеры в комментариях, в клубе или на нашей страничке в Фейсбуке
как создать ссылку на Янедекс Картах, чтобы при клике по ней пользователь видел метку на карте???
пол года назад написал генератор и он выдавал мне ссылки в формате:::
но сейчас это Щастье уже не работает... (((
смысл в том, что пользователь получает ссылку, нажимает ее, у него открывется офф сайт (яндекс) карт, и на нём уже нанесена метка...
в апи нашел лишь как генерировать статические картинки с метками, но это не выход...
заранее всем большое спасибо за поиск идей!!!
з.ы. ссылки генерирует экселевский файлик, в котором я сам прописываю широту и долготу. на выходе получаю готовые ссылки...
Всем здравствуйте, прошу подсказать
Есть стандартная карта
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ANpUFE " type="text/javascript"></script>kBAAAAf7jmJwMAHGZHrcKNDsb EqEVjEUtCmufxQMwAAAAAAAAA AAAvVrubVT4btztbduoIgTLAe FILaQ==
<script type="text/javascript">
YMaps.jQuery(function () {
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);
map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.MiniMap());
map.addControl(new YMaps.ScaleLine());
map.addControl(new YMaps.SearchControl());
});
</script>
<div id="YMapsID" style="width:780px;height:650px"></div>
И есть ссылка <a onclick="map.setCenter(new YMaps.GeoPoint(25.64, 55.76), 11);" style="cursor: pointer;">Ссылка</a> При нажатии на которую необходимо, чтобы карта открылась в нужном месте, но этого не происходится, подскажите, пожалуйста, что нужно исправить?
Приветствую участников клуба!
Подскажите вот что:
создал карту, указал на ней несколько меток (называются placemark, placemark1, placemark2...), карта висит в шапке страницы, хочу сделать ссылку в тексте, чтобы при клике которой открывалась нужная метка.
Поискал, почитал и решил реализовать ссылку так:
<a href="javascript:placemark1.OpenBaloon()">ссылка на метку placemark1</a>, но ничего не выходит :(
Что не так я делаю и как правильно сделать ссылку?
Здравствуйте.
Подскажите, можно ли сформировать строку, которую потом записать в href ссылки, чтобы при нажатии на ссылку открывалось окно яндекс карт (например http://maps.yandex.ru/) с поставленной в нужном месте меткой или балуном?
заранее спасибо.
Здравствуйте.
Подскажите, можно ли создать гипер ссылку на Якарты, так, чтобы при клике по этой ссылке пользователя перекидывало, например, на maps.yandex.ru, где на нужном месте стоит маркер или висит балун?
Что-то вроде организованного на ДубльГИС. Например ссылка ведет на сайт, где в нужном месте висит балун.
На сайте есть карта и список партнеров под ней (Название и адрес. Пример: ООО "Партнер", г. Москва, ул. Грибоедова, 2). При клике на адрес партнера необходимо создать балун с текстом (имя партнера) и переместить карту, чтобы он был в центре нее.
Подскажите, как это сделать? Должно работать как вот тут: http://www.rezidence-tyrsova.cz/ru/guide/
С помощью API и вредных полезных советов клуба получился код
Идея в том, чтобы по клику по ссылке открывался маршрут с группой меток
<script type="text/javascript">
YMaps.jQuery(function () {
var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
map.setCenter(new YMaps.GeoPoint(37.628449,55.761036), 10, YMaps.MapType.MAP);
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.TypeControl());
var a = new YMaps.Style();
a.lineStyle = new YMaps.LineStyle();
a.lineStyle.strokeColor = "fff";
a.lineStyle.strokeWidth = 5;
YMaps.Styles.add("line", a);
var b = new YMaps.Style();
b.iconStyle = new YMaps.IconStyle();
b.iconStyle.href = "/point.png";
b.iconStyle.size = new YMaps.Point(28, 27);
YMaps.Styles.add("point", b);
var c = new YMaps.Style(n);
c.balloonContentStyle = new YMaps.BalloonContentStyle(new YMaps.Template(
"<b>$[name|объект]</b>\
<div>$[description]</div>\"
));
YMaps.Styles.add("point2", c);
var
marshrut = new YMaps.Polyline([new
YMaps.GeoPoint(37.627076,55.757939)....new
YMaps.GeoPoint(37.621583,55.763359)], { style: "line", clickable: 0 });
var placemark1 = new YMaps.Placemark(new YMaps.GeoPoint(37.627076,55.757939), { style: "point2"});
placemark1.name = "Точка 1";
placemark.description = "Взять фотоаппарат";
var placemark2 = new YMaps.Placemark(new YMaps.GeoPoint(37.621583,55.763359), { style: "point2"})
placemark2.name = "Точка 2";
placemark2.description = "Сделать хорошие кадры";
var Group1 = new YMaps.GeoObjectCollection();
Group1add(marshrut);
Group1.add([(placemark1), (placemark2)]);
YMaps.jQuery("#Toshka1")
.bind("click", function () {
var link = YMaps.jQuery(this);
if (link.hasClass("active")) {
map.removeOverlay(Group1);
} else {
map.addOverlay(Group1);
}
link.toggleClass("active");
return false;
})
});
window.onload = function () {
var marshrutmapContainer = document.getElementById("Poleznoe1"),
document.getElementById("Point1").onclick = function () {
marshrutContainer.style.display = (marshrutContainer.style.display == "") ? "none" : "";
};
}
</script>
<a class="title" href="#" onclick="showMarshrut();return false;" id="Toshka1">Показать весь путь</a>
<div id="YMapsID" style="width: 600px; height: 400px;"> </div>
<a
title="описание точки 1" id="Point1" href="#">Точка 1</a>
<a title="описание точки 2" id="Point2" href="#">Точка 2</a>
<div
id="Poleznoe1" style="width: 200px; display: none;"></div>
<div id="Poleznoe2" style="width: 200px; display:
none;"></div>
Что еще хотелось
1) Добавить на карту еще несколько маршрутов
2) Сделать возможность открывать из балуна скрытый див
3) Не знаю как сделать, чтобы открывались несколько скрытых дивов
Здесь есть пример как реализовать несколько ломаных с чекбоксом, а как сделать ссылками я недодумываюсь :)
Буду благодарен за помощь
Возможно, кому-то пригодится. Сам потратил вагон времени, чтобы разобраться.
Если "гулять" по панораме и воспользоваться функцией "ссылка на карту -- дополнительно", получаем URL вида
http://maps.yandex.ru/?ll=30.174395%2C59.829455&spn=0.108662%2C0.010673&z=14&l=map%2Cstv&ol=stv&oll=30.174946%2C59.833053&ost=dir%3A-79.285137%2C3.266544~spn%3A90%2C43.571604
Но встречаются и другие комбинации. Значимыми являются параметры:
при подключении карт на странице является код точки
<div class="YMaps-placemark YMaps-Default YMaps-cursor-pointer" style="....
как можно расширить выходной html (div) аттрибутом id?
такое API решение: ...
var placemark = new YMaps.Placemark( map.getCenter() );
placemark.id = 'point01';
... не подходит, ибо задает id в рамках объекта YMaps.Placemark, а не на выход html
Можно ли как-то с помощью jQuery реализовать взаимодействие "внешних" (которые имеются на хтмл страницы и создаются не скриптом карт, а например php скриптом) объектов страницы с картами? Например, чтобы из базы загружалась информация и при клике по ссылке карта перемещалась в точку с объектом не перезагружая страницу т.е. действие panTo()?
Весь день вчера ковырял, но так и не смог заставить работать что-либо подобное. Может подскажите, как можно такое реализовать, а то мне проще на пхп реализовать некоторые вещи, чем ковырять ява скрипт от карт?
Заранее огромнейшее спасибо!
Доброго времени суток!
Подскажите пожалуйста, как создать ссылку на метку, если я добавляю метки на карту с помощью метода диспетчера add()?
Нужно, что бы под картой формировался список названий (ссылки) и при клике на них, если метка находится несколько за пределами видимой области карты, происходило перемещение к метке с отцентровкой и открытием балуна.
Код выглядит так:
var objManager = new YMaps.ObjectManager();
map.addOverlay(objManager);
var placemark = new YMaps.Placemark(new YMaps.GeoPoint(x, y), {style: new});
placemark.name = name;
placemark.description = description;
objManager.add(placemark, 1, 16);
Всем привет. Подскажите, делаю карту, использую пример от сюда
http://api.yandex.ru/maps
для динамической генерации ссылки
в хроме работает все хорошо, а в ИЕ ругается на строку
return names[valid(types.indexOf(type))];
пишет что
Объект не поддерживает это свойство или метод.
Подскажите, в чем может быть проблема?
не совсем понимаю, как извне вызывать какие-либо действия. например, у меня при инициализации карты грузится оверлей:
var ml = new YMaps.YMapsML("http://mysite.com/tree.xml");
map.addOverlay(ml);
YMaps.Events.observe(ml, ml.Events.Fault, function (ml, error) {
alert('Ошибка: ' + error);
});
})
что нужно прописать в <a onclick=> чтобы скрыть оверлей, или добавить новый?
не смог найти внятный пример.
Уважаемые, есть такой вопрос:
Имеется Win приложение, со списком некоторых координат. Каким образом можно сделать из программы ссылку, которая переносила бы эти координаты на Яндекс.Карты, и в окне браузера появлялась карта с центром на этих координатах.
Хотелось бы:
К примеру есть координаты: +20.123456,-40.123456. По кнопке: "Найти на Яндекс-Картах!" формировалось бы ссылка типа:
http://maps.yandex.ru/20P123456_m40P123456 , открывался браузер и счастливый пользователь видел бы нужную ему местность.
Приветствую!
Строю приложение, которое работает с картами Яндекс или Google, по выбору пользователя. Сперва встроены гугловые карты, теперь добавляю яндексные. Появились вопросы, комментарии и пожелания.
Вопросы.
Комментарии. Я вовсе не хочу сказать, что надо делать API один в один гугловому, нет. Но всё же тот API вышел пораньше и наверное было бы хорошо как можно больше облегчить миграцию на наши карты. Обо что удалось споткнуться и чего хочется (впрочем, это же и в вопросах).
Сайт находится на Google Sites, где запрещены скрипты, поэтому использую статические изображения.
Есть статья о памятнике дюку де Ришелье в Одессе.
Хочу поместить статический фрагмент яндекс-карты, на котором отмечена одна точка - местоположение этого памятника. А саму картинку хочу сделать гиперссылкой на на яндекс-карту, на которой изображена эта же точка с поясняющей надписью.
То есть, вот такая картинка:
должна вести примерно на такую карту: http://maps.yandex.ru/?um
Я решаю это задачу так:
1. В конструкторе создаю статическую картинку.
2. В яндекс-картах снова ставлю точку в тоже место и получаю ссылку на эту карту.
3. В коде моей страницы помещаю статическую картинку и ставлю href на карту, созданную в п.2.
Мне кажется, этот способ кривой. Можно ли его как-то упростить/упорядочить?