MapFont -Yandex Map integration

by Vasilii Chugunov

HTML

<div id="yandexmap"></div>

<!--Yandex Maps API-->
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"> </script>

CSS

#yandexmap {
  height: 100vh;
}

JavaScript

ymaps.ready(function() {

  var yMap = new ymaps.Map("yandexmap", {
    center: [57.145, 65.523],
    zoom: 14
  });

  point = new ymaps.GeoObject({
      geometry: {
        type: "Point",
        coordinates: [57.145, 65.523]
      },
      properties: {
        iconContent: '<i>icon</i>', // Use standard MapFont classes with addition class mf-ymap-api
        balloonContent: 'Point desctiption'
      }
    }, {
      preset: 'islands#grayCircleIcon', // Best view with light colour circle icon
      draggable: true,
    }),

    yMap.geoObjects
    .add(point);
});