主页 / 问题 / 1594734
Accepted
David Shark
Asked:2024-09-24 16:39:58 +0000 UTC2024-09-24 16:39:58 +0000 UTC

如何在地图上添加地标？

  • 772

随着向 API 3 的过渡，一切都变得更加复杂，文档很粗糙，很少有真正清晰的内容，我尝试使用这个示例来弄清楚 - https://yandex.ru/dev/jsapi30/doc/ru/examples /cases/create-default-marker 但没有任何结果

我想做一些类似于这样的标签的东西，很可能我还必须使用 css 来设计这个标签的样式，但我至少会了解如何创建它 在此输入图像描述

这是原始代码

export const initMap = async () => {
  await ymaps3.ready;

  const { YMap, YMapDefaultSchemeLayer, YMapDefaultFeaturesLayer, YMapDefaultMarker } = ymaps3;

  // Инициализация карты
  const map = new YMap(document.getElementById('map'), {
    zoomRange: { min: 2, max: 15 }, // Допустимые уровни масштабирования
    location: {
      center: [100, 0], // Центр карты
      zoom: 2, // Масштаб по умолчанию
    },
  });

  // Добавляем стандартный слой схемы карты
  map.addChild(new YMapDefaultSchemeLayer());

  // Создание метки
  const myPlacemark = new YMapDefaultMarker({
    coordinates: [-23.70013292614432, 133.80887486560016], // Координаты метки (Австралия)
    properties: {
      iconContent: 'Австралия', // Текст на метке
      balloonContent: 'Это Австралия!' // Текст в балуне (всплывающем окне)
    },
    style: {
      icon: {
        preset: 'islands#blueStretchyIcon', // Тип иконки
      },
    },
  });

  // Добавляем метку на карту
  map.addChild(myPlacemark);

};
yandex-maps-jsapi

1 个回答

  1. Best Answer

    你是对的，标签格式发生了一些变化。因此，默认标签的可用参数列表也不同。以下是添加标签的基本方法：

    // Добавляем слой объектов
map.addChild(new YMapDefaultFeaturesLayer())

// Подключение модуля меток
  const {YMapDefaultMarker} = (await ymaps3.import('@yandex/[email protected]'));

// Создание метки
const myPlacemark = new YMapDefaultMarker({
  "coordinates": [135.5,-25.5],
  "color": "red",
  "title": "Австралия",
  "subtitle": "Это Австралия"
});

// Добавление метки на карту
map.addChild(myPlacemark);
    • 1

相关问题