مارکر در نقشه

سلام دوستان وقت بخیر
من با کد زیر نقشه رو تونستم لود کنم

<link href="https://static.neshan.org/sdk/openlayers/۵.۳.۰/ol.css" rel="stylesheet" type="text/css">
<script src="https://cdn.polyfill.io/v۲/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<script src="https://static.neshan.org/sdk/openlayers/۵.۳.۰/ol.js" type="text/javascript"></script>
<div id="map" style="width: ۶۰۰px; height: ۴۵۰px; background: #eee; border: ۲px solid #aaa;"></div>

<script type="text/javascript">
    var myMap = new ol.Map({
        target: 'map',
        key: 'YOUR_API_KEY',
        maptype: 'dreamy',
        poi: true,
        traffic: false,
        view: new ol.View({
            center: ol.proj.fromLonLat([۵۱.۳۳۸۰۷۶, ۳۵.۶۹۹۷۵۶]),
            zoom: ۱۴
        })
    });
</script>

ممنون میشم راهنماییم کنید چطوری یه مارکر وسط صفحه داشته باشم. البته مارکر تکون نخوره و فقط نقشه جابجا بشه.
همچنین چطوری حین حرکت نقشه مختصات مارکر رو داخل دوتا کادر متن نشون بدم؟
در ضمن از کتابخانه OpenLayers استفاده کردم.