Для добавления гаджета в блог необходимо:
- Зайти в меню Дизайн
- На макете блога выбрать Добавить гаджет
- Во вкладке Основы выбрать гаджет HTML/JavaScript
- В окно содержание вставить следующий код:
<!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>
В
блоге появилась карта Гугл, центр которой задан координатами «Центра одаренных
детей», а в качестве маркера – логотип учреждения. При наведении указателя на
метку возникает подсказка «Центр одаренных детей».
Комментариев нет:
Отправить комментарий