Клуб API Карт

Найдено на тему «ссылки»:
Добавление картинок и гиперссылок ко встроенным картам
Фотограф Алексей Чернышев
30 сентября 2016, 22:16

Здравствуйте! Имеется встроенная карта мест для фотосессии, тут: www.achernishev.ru/plan-podgotovki-k-svadbe/places-for-photosessions. Я могу к каждому месту добавить картинки(превьюшки) и ссылку на соответствующую страницу где можно будет посмотреть подробнее?

4 комментария
встраивание карт,ссылки,картинки в описании
Приближение при нажатии на ссылку в тексте
Удалённый пользователь
27 ноября 2015, 06:02

Задача вроде простая, но не хватает знания 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/2.0/?load=package.standard,package.geoObjects&lang=ru-RU"></script>

    <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>
 

2 комментария
ссылка,приближение при щелчке на метке,приближение,ссылка на карту,ссылки,zoom