YandexMaps API 1.x: Своя картинка для метки на карте и как повесить на метку ссылку
Задача в том, чтобы заменить стандартную картинку для метки на свою. И при клике на метку должен не балун открываться, что происходит по умолчанию, а перекидывать на определённую страницу. Не могу найти в документации по яндекс.картам, как это можно сделать.
Вот код:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
$(document).ready(function(){
YMaps.jQuery(function () {
var map = new YMaps.Map(YMaps.jQuery("#yandex-map")[0]);
var geopoint = new YMaps.GeoPoint(23,56)
var placemark = new YMaps.Placemark(geopoint);
var bounds = new YMaps.GeoBounds(geopoint, geopoint);
placemark.setBounds(bounds);
placemark.name = "Название метки";
map.addOverlay(placemark);
map.setBounds(placemark.getBounds());
map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ScaleLine());
});
});
Вот код:
/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }
$(document).ready(function(){
YMaps.jQuery(function () {
var map = new YMaps.Map(YMaps.jQuery("#yandex-map")[0]);
var geopoint = new YMaps.GeoPoint(23,56)
var placemark = new YMaps.Placemark(geopoint);
var bounds = new YMaps.GeoBounds(geopoint, geopoint);
placemark.setBounds(bounds);
placemark.name = "Название метки";
map.addOverlay(placemark);
map.setBounds(placemark.getBounds());
map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ScaleLine());
});
});
1 ответов
Читайте документацию там все подробно описано
http://api.yandex.ru/maps/doc/jsapi/1.x/dg/tasks/how-to-add-placemark.xml#how-to-create-custom-marker-icon