How to add a live map to a Landing Page?

Question

Google Maps

There was a problem, I can’t figure out how to tie such a map to the site.
prntscr.com/6xjd75
What if I had a label of my own design, and was assigned to a dot?!
Please tell me who came across)
Thanks in advance

Answer 1

in header:
down to closing bady

<script type="text/javascript">
  ymaps.ready(init);
    var myMap,
        myPlacemark;

    function init(){     
        myMap = new ymaps.Map ("map", {
            center: [56.86205912, 60.61111218], 
            zoom: 14
        });
        var myPlacemark = new ymaps.Placemark([56.86205912, 60.61111218], {}, { 
      iconImageHref: 'img/map_pin.png',
          iconImageSize: [68,69],
          iconImageOffset: [-26,-69]
      });
        myMap.geoObjects.add(myPlacemark);
        myMap.controls.add('zoomControl');
        myMap.controls.add('typeSelector');
    }
</script>

add a container to the body of the document with id=body and put your coordinates, the path to the image, its size and offset with some height ,
and be happy

Answer 2

prntscr.com/6xjfit how to change this label - to mine?

Answer 3

1. We go to https://www.google.ru/maps/ there we see and press c2n.me/3gFiQhf.jpg
2. Right-click on the desired location c2n.me/3gFirLz.jpg
3. We take the code c2n.me/ 3gFiETu.png

Answer 4

A quick googling came up with this