Добавить карту с маркером (Яндекс, Google, 2gis)

Карта Яндекс

Код HTML:

<!-- элемент, в котором будет показываться карта -->
<div id="YMapsID" style="width:100%;height:700px;"></div>
 
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script>

Код JavaScript:

ymaps.ready(function () { 
 
    var myMap = new ymaps.Map("YMapsID", {
        center: [55.76, 37.64],
        zoom: 11,
    });
 
    // создание маркера
    var myPlacemark = new ymaps.Placemark([55.76, 37.64], {
       content: 'название маркера',
       balloonContent: 'html-контент',
    });

    // добавление маркера на карту
    myMap.geoObjects.add(myPlacemark);
    
});

Пример на JSFiddle

Карта 2gis

Код HTML:

<!-- элемент, в котором будет показываться карта -->
<div id="map" style="width:100%; height:700px"></div>

<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>

Код JavaScript:

var map;

DG.then(function () {
    map = DG.map('map', {
        center: [55.76, 37.64],
        zoom: 11
    });
    
    DG.marker([55.76, 37.64]).addTo(map).bindPopup('html-контент');
});

Пример: https://jsfiddle.net/svfs3vg3/

Карта Google

Для карт Google надо получить API-ключ

Код HTML:

<!-- элемент, в котором будет показываться карта -->
<div id="map" style="width:100%;height:700px;"></div>
 
<script src="https://maps.google.com/maps/api/js" async defer></script>

Код JavaScript:

// Координаты
var latlng = new google.maps.LatLng(55.75,37.61);

var settings = {
    zoom: 10,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
};

// подключение карты
var map = new google.maps.Map(document.getElementById("map"), settings);

// добавление маркера
var coords = new google.maps.LatLng(-34.397, 150.644);
var marker = new google.maps.Marker({
    position: latlng, 
    map: map, 
    title:"Google Maps"
});

// Добавление сообщение маркера
var infowindow = new google.maps.InfoWindow({
    content:"html-контент",
});

// Открыть сообщение при нажатии на маркер
google.maps.event.addListener(marker, "click", function(){
    infowindow.open(map, marker);
});

Пример: https://jsfiddle.net/h7Laox05/5/