среда, 4 ноября 2015 г.

Добавление гаджета «Карта» в блог

Для добавления гаджета в блог необходимо:


  1. Зайти в меню Дизайн
  2. На макете блога выбрать Добавить гаджет
  3. Во вкладке Основы выбрать  гаджет HTML/JavaScript
  4. В окно содержание вставить следующий код:




<!doctype html>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
            (function() {
                        window.onload = function(){
                                    var latlng = new google.maps.LatLng(56.3490109,43.8722021);
                                    var options = {
                                                 zoom: 10,
                                                 center: latlng,
                                                mapTypeId: google.maps.MapTypeId.ROADMAP
                                    };
                                    var map = new google.maps.Map(document.getElementById('map'), options);
var marker = new google.maps.Marker({
                                                position: new google.maps.LatLng(56.3490109,43.8722021),
                                                map: map,
                                                title: 'Центр одаренных детей',
                                                clickable: true,
                                                icon: 'http://wampi.ru/images/2015/08/18/ЦОДEwpu.png'
                                     });
                        }
            })();
</script>
            <div id="map" style="width:300px; height:300px;border:1px solid #fff;"></div>

</!doctype>

В блоге появилась карта Гугл, центр которой задан координатами «Центра одаренных детей», а в качестве маркера – логотип учреждения. При наведении указателя на метку возникает подсказка «Центр одаренных детей».



Комментариев нет:

Отправить комментарий