@KevinSmash

Как добавить кнопку на метку в яндекс картах?

Доброго времени суток. Необходимо добавить на Яндекс карты большое количество меток. Пример json:

"type": "FeatureCollection",
      "features": [

        {"type": "Feature", "id": 0, "geometry": {"type": "Point", "coordinates": [52.651061, 90.088644]}, "properties": {"balloonContentHeader": "<font size=3>Название точки: Westfalika</font>", "balloonContentBody": "<p class=\"address\">Адрес: Респ Хакасия, г Абаза, ул Лазо, дом 1</p><p>Режим работы: ежедневно 09.00-18.00</p><p>Оплата: Наличные, карта</p><br />"}},

        {"type": "Feature", "id": 1, "geometry": {"type": "Point", "coordinates": [53.719807, 91.436978]}, "properties": {"balloonContentHeader": "<font size=3>Название точки: Ростелеком</font>", "balloonContentBody": "<p class=\"address\">Адрес: Респ Хакасия, г Абакан, ул Советская, дом 45</p><p>Режим работы: Пн-Пт 09.00-18.00  Сб,Вс выходной</p><p>Оплата: Наличные</p><br />"}},


Все метки вывелись, но теперь мне необходимо создать кнопку и сохранить значение метки(адрес, время работы) в Post. Соответсвенно необходимо создать кнопку в самой метке, которая сохраняла бы значение в POST? Вот файл обработки JS

ymaps.ready(function () {
    var map;
    ymaps.geolocation.get().then(function (res) {
        var mapContainer = $('#map'),
            bounds = res.geoObjects.get(0).properties.get('boundedBy'),
            mapState = ymaps.util.bounds.getCenterAndZoom(
                bounds,
                [mapContainer.width(), mapContainer.height()]
            );
        createMap(mapState);
    }, function (e) {
        createMap({
            center: [55.751574, 37.573856],
            zoom: 9
        });
    });

    function createMap (state) {
        var myMap = new ymaps.Map('map', state);
        objectManager = new ymaps.ObjectManager({
            clusterize: true,
            gridSize: 32,
            clusterDisableClickZoom: true
        });

        objectManager.objects.options.set('preset', 'islands#greenDotIcon');
        objectManager.clusters.options.set('preset', 'islands#greenClusterIcons');
        myMap.geoObjects.add(objectManager);

        $.ajax({
            url: "data.json"
        }).done(function (data) {
            objectManager.add(data);
        });
    }
});
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы