Простая карта google



Простой код для вставки карты. Метка стоит по центру карты.

Код HTML
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
    var map;
    function initialize() {
        var mapOptions = {
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
            },
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.SMALL
            },
            disableDefaultUI: true,
            panControl: true,
                       // центр карты
                        center: new google.maps.LatLng(55.752183, 37.617861),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('map_canvas'),
                mapOptions);

        // метка
                var marker = new google.maps.Marker({
            map: map,
            title:"Это заголовок метки" ,
            position: map.getCenter()
        });
        
        // окошко с информацией
                var infowindow = new google.maps.InfoWindow();
        infowindow.setContent('Кремль<br/>Самое главное строение страны Москва');
        google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map, marker);
        });
    }

    google.maps.event.addDomListener(window, 'load', initialize);
    
</script>
<div id="map_canvas" style="width:520px;height:350px;background:#999;"></div>
Вверх