Generic Google Map Example with Markers

by Arsen

HTML

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3"></script>
<div id="map_div" style="height: 500px;"></div>
<div id="out"></div>

CSS

body {
    margin: 0;
    padding: 0;
    font: 12px sans-serif;
}

h1,
p {
    margin: 0;
    padding: 0;
}

JavaScript

google.maps.event.addDomListener(window, "load", function() {

    let map = new google.maps.Map(document.getElementById("map_div"), {
            center: new google.maps.LatLng(55.74, 37.57),
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }),
        fetchURL = point => `http://map-address-api.map.stg.s.o3.ru/api/rev_geocode?LatLong.lat=${point.lat()}&LatLong.long=${point.lng()}`
    // debugOut generated from http://olado.github.io/doT/index.html
    debugOut = function anonymous(it) {
            var out = '<pre>';
            var arr1 = it.addresses;
            if (arr1) {
                var ar, i1 = -1,
                    l1 = arr1.length - 1;
                while (i1 < l1) {
                    ar = arr1[i1 += 1];
                    out += 'Distance:\t' + (Math.round(ar.distance *
                            100) / 100) + 'm\nFormatted:\t' + (ar.address
                            .formatted) + '\nPoint:\t\t' + (ar.address.point
                            .lat) + ', ' + (ar.address.point.long) +
                        '\n=========\n';
                }
            }
            out += '</pre>';
            return out;
        },
        debugForGoogle = function anonymous(it) {
            var out = '';
            var arr1 = it;
            if (arr1) {
                var address, i1 = -1,
                    l1 = arr1.length - 1;
                while (i1 < l1) {
                    address = arr1[i1 += 1];
                    out += '\nFormatted:\t' + (address.formatted_address) + '\nPoint:\t\t' + (address.geometry.location.lat()) + ', ' + (address.geometry.location.lng()) + '\n==========';
                }
            }
            return out;
        },
        debugForYandex = function anonymous(it) {
            var out = '';
            var arr1 = it.response.GeoObjectCollection.featureMember;
            if (arr1) {
                var value, i1 = -1,
                    l1 = arr1.length - 1;
            ...