Чтобы при нажатию на метку было приближение и перемещение как по якорной ссылке в блок, который находится вне #map
ymaps.ready(init);
function init() {
var myMap = new ymaps.Map("map", {
center: [55.4579, 37.36562],
zoom: 10
}, {
searchControlProvider: 'yandex#search'
}),
// Создаем геообъект с типом геометрии "Точка".
myGeoObject = new ymaps.Placemark([
43.588874, 39.759794
], {
// Данные для построения диаграммы.
data: [
{weight: 2, color: 'rgb(172,10,3)'}
],
iconCaption: ""
}, {
// Зададим произвольный макет метки.
iconLayout: 'default#pieChart',
// Радиус диаграммы в пикселях.
iconPieChartRadius: 20,
// Радиус центральной части макета.
iconPieChartCoreRadius: 10,
// Стиль заливки центральной части.
iconPieChartCoreFillStyle: '#ffffff',
// Cтиль линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeStyle: '#ffffff',
// Ширина линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeWidth: 3,
// Максимальная ширина подписи метки.
iconPieChartCaptionMaxWidth: 200
});
myPieChart = new ymaps.Placemark([
55.764394, 37.630499
], {
// Данные для построения диаграммы.
data: [
{weight: 1, color: 'rgb(172,10,3)'}
],
iconCaption: ""
}, {
// Зададим произвольный макет метки.
iconLayout: 'default#pieChart',
// Радиус диаграммы в пикселях.
iconPieChartRadius: 20,
// Радиус центральной части макета.
iconPieChartCoreRadius: 10,
// Стиль заливки центральной части.
iconPieChartCoreFillStyle: '#ffffff',
// Cтиль линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeStyle: '#ffffff',
// Ширина линий-разделителей секторов и внешней обводки диаграммы.
iconPieChartStrokeWidth: 3,
// Максимальная ширина подписи метки.
iconPieChartCaptionMaxWidth: 200
});
myMap.geoObjects
.add(myGeoObject)
.add(myPieChart)
.add(new ymaps.Placemark([55.764394, 37.630499], {
balloonContent: ''
}, {
preset: 'islands#redSportIcon'
}));
}