随着向 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);
};