Google map marker?

Question

css

Good day, please tell me how to add a marker (picture) to this code!
I climbed the api, I searched, I searched, I found it, but I’m not smart enough and I can’t add it (

<style>#map{ margin-top:0px; height:600px; z-index:-10; } #map:before{ content:''; position:absolute; width:100%; height:300px; background:url(/img/map-rzd.png); background-position:bottom; background-size:cover; z-index:3; bottom:0; } </style><div id="map"></div><script>function initMap(){ var map=new google.maps.Map(document.getElementById('map'),{ center:{ lat:47.882918 ,lng:35.054180 } ,zoom:18 ,styles:[ { "featureType":"administrative.country" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" }] } ,{ "featureType":"administrative.country" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"administrative.country" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"administrative.province" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" } ] } ,{ "featureType":"administrative.province" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"administrative.province" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"administrative.locality" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" } ] } ,{ "featureType":"administrative.locality" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"administrative.neighborhood" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" } ] } ,{ "featureType":"administrative.neighborhood" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"administrative.neighborhood" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"administrative.land_parcel" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" } ] } ,{ "featureType":"administrative.land_parcel" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"administrative.land_parcel" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ]} ,{ "featureType":"landscape" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#ffffff" } ] } ,{ "featureType":"landscape" ,"elementType":"geometry.stroke" ,"stylers":[ { "color":"#784274" } ] } ,{ "featureType":"landscape" ,"elementType":"labels.text" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"landscape" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"landscape" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"landscape.man_made" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#edf9fb" } ] } ,{ "featureType":"landscape.man_made" ,"elementType":"geometry.stroke" ,"stylers":[ { "color":"#957d92" } ] } ,{ "featureType":"landscape.man_made" ,"elementType":"labels.text" ,"stylers":[ { "color":"#270020" } ]} ,{ "featureType":"landscape.man_made" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"landscape.man_made" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"landscape.man_made" ,"elementType":"labels.icon" ,"stylers":[ { "color":"#270020" } ] } ,{ "featureType":"landscape.natural" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#f6e6f5" } ] } ,{ "featureType":"poi" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#cfa7cd" } ] } ,{ "featureType":"poi.attraction" ,"elementType":"geometry.stroke" ,"stylers":[ { "color":"#5f375c" } ] } ,{ "featureType":"road" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#a871a4" } ] } ,{ "featureType":"road" ,"elementType":"geometry.stroke" ,"stylers":[ { "color":"#462443" } ] } ,{ "featureType":"road" ,"elementType":"labels.text.fill" ,"stylers":[ { "color":"#ffffff" } ] } ,{ "featureType":"road" ,"elementType":"labels.text.stroke" ,"stylers":[ { "visibility":"off" } ] } ,{ "featureType":"transit" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#784274" } ] } ,{ "featureType":"water" ,"elementType":"geometry.fill" ,"stylers":[ { "color":"#c4caf3" } ] } ] }); } </script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZ59-l2B8me8Y_NCGojnQgWFtwUxy9mCg&callback=initMap" async defer></script>

Answer 1

In this form, no one will disassemble anything. And generally speaking