问题[yandex-maps-api]

地理对象从 geojson 文件加载到地图上，我需要两个选项来使用多边形和标签打开地图，并且仅使用多边形，无法更改 geojson 文件，我需要制作没有标签的第二个版本的脚本。

 ymaps.ready(init);
 function init() {
var myMap = new ymaps.Map('map', {
        center: [30.448166334957177, 59.9220776628873],
        zoom: 15,
        controls: ['searchControl']
    }),

searchControl = myMap.controls.get('searchControl');
searchControl.options.set({noPlacemark: true, placeholderContent: 'Введите адрес'});

function onZonesLoad(json) {
    // Добавляем зоны на карту.
    var deliveryZones = ymaps.geoQuery(json).addToMap(myMap);
    // Задаём цвет и контент балунов полигонов.
    deliveryZones.each(function (obj) {
        obj.options.set({
            fillColor: obj.properties.get('fill'),
            fillOpacity: obj.properties.get('fill-opacity'),
            strokeColor: obj.properties.get('stroke'),
            strokeWidth: obj.properties.get('stroke-width'),
            strokeOpacity: obj.properties.get('stroke-opacity')
        });
         obj.properties.set('balloonContent', obj.properties.get('description'));
        });
           }

$.ajax({
    url: 'lib/cart.geojson',
    dataType: 'json',
    success: onZonesLoad
   });
  }

购物车.geojson

 {
"type": "FeatureCollection",
"metadata": {
    "name": "geoObjects",
    "creator": "Yandex Map Constructor"
},
"features": [
    {
        "type": "Feature",
        "id": 0,
        "geometry": {
            "type": "Polygon",
            "coordinates": [
                [
                    [
                        30.442541174676739,
                        59.92002251063883
                    ],
                    [
                        30.445974402215794,
                        59.91920375455527
                    ],
                    [
                        30.446210436609108,
                        59.91941921864753
                    ],
                    [
                        30.44902139165672,
                        59.920097921364028
                    ],
                    [
                        30.44887118795188,
                        59.92039956254539
                    ],
                    [
                        30.449579291131824,
                        59.92114288084794
                    ],
                    [
                        30.445824198510978,
                        59.92209085678325
                    ],
                    [
                        30.44610314824848,
                        59.92245172682361
                    ],
                    [
                        30.44562035062585,
                        59.922562141511509
                    ],
                    [
                        30.445228748109668,
                        59.92230899511611
                    ],
                    [
                        30.443764261987544,
                        59.92293108545654
                    ],
                    [
                        30.441897444513164,
                        59.92162764466863
                    ],
                    [
                        30.442541174676739,
                        59.92002251063883
                    ]
                ]
            ]
        },
        "properties": {
            "description": "1:1:1:1:1:1:0:0:0:0:0:0:0:0:0",
            "fill": "#1bad03",
            "fill-opacity": 0.1,
            "stroke": "#1bad03",
            "stroke-width": "2",
            "stroke-opacity": 0.9
        }
    },      
    {
        "type": "Feature",
        "id": 5,
        "geometry": {
            "type": "Point",
            "coordinates": [
                30.444435038298836,
                59.92078156674039
            ]
        },
        "properties": {
            "description": "1:1:1:1:1:1:0:0:0:0:0:0:0:0:0",
            "iconCaption": "Адрес",
            "iconContent": "5"
        },
        "options": {
            "preset": "islands#darkGreenCircleIcon"
        }
    }
]
}

需要通过geoObjects.geojson文件更改标签的颜色并自动更新html页面。

  ymaps.ready(function () {

var map = new ymaps.Map('map', {
        center: [30.448166334957177, 59.9220776628873],
        zoom: 15,
        controls: ['zoomControl']
    }),
    objectManager = new ymaps.ObjectManager();
map.controls.get('zoomControl').options.set({size: 'small'});
// Загружаем GeoJSON файл, экспортированный из Конструктора карт.
$.getJSON('geoObjects.geojson')
    .done(function (geoJson) {
        geoJson.features.forEach(function (obj) {
            // Задаём контент балуна.
            obj.properties.balloonContent = obj.properties.description;
            // Задаём пресет для меток с полем iconCaption.
            if (obj.properties.iconCaption) {
                obj.options = {
                    preset: "islands#darkgreenCircleIcon"
                }
            }
        });
        // Добавляем описание объектов в формате JSON в менеджер объектов.
        objectManager.add(geoJson);
        // Добавляем объекты на карту.
        map.geoObjects.add(objectManager);
    }); 

   {"type":"FeatureCollection","metadata":{"name":"geoObjects","creator":"Yandex Map Constructor"},"features":[{"type":"Feature","id":5,"geometry":{"type":"Point","coordinates":[30.444435038298835,59.92078156674039]},"properties":{"description":"1:1:1:1:1:1:0:0:0:0:0:0:0:0:0","iconCaption":"Бадаева, 7/2","iconContent":"5","marker-color":"#ed4543"}}]}

请告诉我。情况：有一张带点的地图。有一个 showInfo 函数，可以移动地图的“视线”、更改缩放以及信息块中活动点的信息。

我希望当点击某个点时触发这个函数。我无法想象该函数该放在哪里，因为我不理解（并且不再想理解）Yandex 地图 api 是如何工作的。

我只对善良的人抱有希望，因为我太累了，我的大脑已经停止运转了

initMap();

ymaps3.readyasync function initMap() { //当主 API 模块的所有组件加载完毕后，promise将被解析 wait ymaps3.ready;

const {YMap, YMapDefaultSchemeLayer, YMapDefaultFeaturesLayer, YMapMarker, YMapControls, YMapLayer, YMapFeatureDataSource} = ymaps3;

const {YMapZoomControl} = await ymaps3.import('@yandex/[email protected]');

// Добавляем кластеризатор
const {YMapClusterer, clusterByGrid} = await ymaps3.import('@yandex/[email protected]');

// Иницилизируем карту
const map = new YMap(
    // Передаём ссылку на HTMLElement контейнера
    document.getElementById('map'),

    // Передаём параметры инициализации карты
    {
        location: {
            // Координаты центра карты
            center: [37.588144, 55.733842],

            // Уровень масштабирования
            zoom: 10
        }
    }
);

// Добавляем слой для отображения схематической карты
map.addChild(new YMapDefaultSchemeLayer({ customization: mapCustomizationJSON }));

// Добавляем к карте ресурс
map.addChild(new YMapFeatureDataSource({id:'my-source'}));
// Добавляем ресурс на карту
map.addChild(new YMapLayer({source: 'my-source', type: 'markers', zIndex:1800}));

// Пин
const contentPin = document.createElement('div');
contentPin.innerHTML = '<img style="width:20px;" src="https://www.freepnglogos.com/uploads/pin-png/pin-transparent-png-pictures-icons-and-png-backgrounds-36.png" />';

// Функция создания маркера (или че это)
function marker(feature) {
    const yMapMarker = new ymaps3.YMapMarker(
        {
            coordinates: feature.geometry.coordinates,
            source: 'my-source'
        },
        contentPin.cloneNode(true)
    );

    // yMapMarker.events.add('click', () => {
    //     showInfo(feature);
    // });

    return yMapMarker;
}

const cluster = (coordinates, features) =>
new ymaps3.YMapMarker(
    {
        coordinates,
        source: 'my-source'
    },
    circle(features.length).cloneNode(true)
);

function circle(count) {
    const circle = document.createElement('div');
    circle.classList.add('circle');
    circle.innerHTML = `
    <div class="circle-content"><span class="circle-text">${count}</span></div>`;
    return circle;
}

const points = pointsData.map((point, i) => ({
    type: 'Feature',
    id: i,
    geometry: {coordinates: [point.acf_fields.coordinates.y, point.acf_fields.coordinates.x]},
    properties: {
        name: point.acf_fields.point_name,
        // другие свойства
    }
}))

const clusterer = new YMapClusterer({
    method: clusterByGrid({gridSize: 64}),
    features: points,
    marker,
    cluster
});

map.addChild(clusterer);

//   Пытаюсь добавить кнопку Зума
map.addChild(
    // Using YMapControls you can change the position of the control
    new YMapControls({position: 'right'})
    // Add the zoom control to the map
    .addChild(new YMapZoomControl({}))
);

map.addChild(new YMapDefaultFeaturesLayer());

// Функция отображения информации
function showInfo(feature) {
    const infoElement = document.getElementById('point-info-container');
    
    // Вставляем в элемент inf-block данные, которые мы получим из переменной point
    document.getElementById('point-info__name').innerText = 'Info';
    document.getElementById('point-info__address').innerText = 'text';
    infoElement.style.display = 'block';

    map.update({
        location: {
            center: feature.geometry.coordinates,
            zoom: 14,
            duration: 1000,
        }
    });
    
}

Ps 据我了解，这可以通过标记（功能）来完成。我试着这样做

function marker(feature) {
        const yMapMarker = new ymaps3.YMapMarker(
            {
                coordinates: feature.geometry.coordinates,
                source: 'my-source'
            },
            contentPin.cloneNode(true)
        );

        yMapMarker.events.add('click', () => {
            showInfo(feature);
        });

        return yMapMarker;
    }

但我得到了一个错误。

test:55 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'add')
    at Object.marker (test:55:27)
    at c._getEntity (clusterer.js:1:1093)
    at clusterer.js:1:1228
    at Array.forEach (<anonymous>)
    at c._getVisibleEntities (clusterer.js:1:1202)
    at c._render (clusterer.js:1:1916)
    at c._onAttach (clusterer.js:1:2319)
    at c.AEC__implAttach (main.js:1:58810)
    at c.C57__implAttachTo (main.js:1:58391)
    at d._addDirectChild (main.js:1:61583)

地图 API 中是否有方法可以获取地图上现有/交互式对象的信息？这些是企业和文化物品。它们是交互式的，但如果您订阅地图点击map.events.add('click')，那么当您单击这些标记时，单击事件不会触发。距此标记一毫米 - 它有效。我以为我可以使用收到的坐标找到一家企业，至少通过地理编码，但我仍然不明白应该使用哪个事件。 Google 地图有一个方便的 Places API，其中所有有关单击对象的信息都会立即给出，这些信息由提供商提供，但我在 Yandex 中没有找到任何类似的信息。

我已经为 Yandex Latitude 请求创建了一个有效的 API。我使用我为其创建了密钥的站点的 IP 地址。检查 XML 的有效性。我正在向定位器提出请求。

curl -X POST "http://api.lbs.yandex.net/geolocation" -d "xml=<ya_lbs_request><common><version>1.0</version><api_key>ТУТМОЙАПИКЛЮЧ==</api_key></common><gsm_cells><cell><countrycode>250</countrycode><operatorid>2</operatorid><cellid>197403650</cellid><lac>9900</lac><signal_strength>-80</signal_strength><age>1000</age></cell></gsm_cells><ip><address_v4>ТУТМОЙИПАДРЕС</address_v4></ip></ya_lbs_request>"

我收到来自谷歌纵横的错误

<?xml version="1.0" encoding="utf-8"?>
<error code="8">invalid api_key</error>

请告诉我有什么问题吗？