■Шгребы
і
'
і
і
, .*.и
' :
У
:■:.
N
- J?«
, »
Гч-
*
і
Коцюбиншзе
:
>йвск»~сх>ли
‘ '
" v~-
■»
С^кжиься«*
■■■
«г
-•***■ %
:
.
*'-
. . .
...-
.->'••
Те тропа«
їх
є
>
:;
ія
;
Борщагоека
і;
{Тетрйлайлйіькй
1
fc*^*«**
Софиевекая
Борщаговка ;
Софй*сл*а
ІіС^щИСША
С
зд
Ц&
1
додой
&
^Дйр>ІЙЦШЙ::
;.Ч>- -Vv::»^;"
■terpoBOfoe
5ПеЯМйй«лЄ
-; -
Кдоигащина
•fi™
ч
-'
Нрвоовлкм
ішемія.»«,.,.
,
Д & н н^ еЩ и ж ©201J3 Transnevicom
Итак,
начнём
и для
этого
составим
следующую
веб-страничку:
В кривы х р у к а х и к а -
лькулят ор зависает !
<html>
<head>
<meta http-equiv-’content-type”
content=”text/html; charset=windows-1251 ”/>
<script
src=” http://m aps.google.com /m aps?file=api&am p;v=
2&amp;sensor=true_or_false&amp;key=Ham_icnra4”
type=”text/javascri p t” > < /scri pt >
<script type=”text/javascript”>
function GMaplnit() {
/ / Инициализация класса Google Maps и располо-
жение карты в слое GMapContainer
var map = new
GMap2(document.getElementByld(“GMapContainer”)
);
/ / Задаем центр выводимой области карты
/ /
Широта,
долгота
и
коэффициент увеличения
цента (обязательный параметр)
map.setCenter(new GLatLng(50.46275,30.522079),
11);
Чудеса случаю т ся.
Эт о вам лю бой про-
граммист с ка ж е т .
}
</script>
</head>
<body onload=”GMaplnit()”>
<div style=”width: 700px; height: 500px”
id=”GMapContainer”x /d iv >
</body>
</html>
В теге META настоятельно рекомен-
дую указывать кодировку. Затем в теге
SCRIPT
подключаем
библиотеку
Go-
ogle Map API с указанием нашего клю-
ча.
После этого начинаем программи-
ровать сами.
Как можно видеть в примере
(рис. 1),
наша
функция
вМ
вызыва
при
загрузке
нашей
веб-страницы
и
должна
выполнять
инициализацию
нашей
карты.
Поскольку
карту
надо
размещать
где-то на веб-странице, то для неё следует
предусмотреть место (контейнер).
Таким местом в данном случае нам послу-
жит тег 01\/с Ю=”СМарСо^а1пег”.
Функция
ОМар1пП
выполняет инициали-
зацию карты и привязку ее к контейнеру ко-
мандой
вМ ар2,
в результате вызова кото-
рой получаем экземпляр объекта
тар,
с ко-
торым будем работать далее.
Далее, необходимо задать исходный (ви-
димый) сектор на карте. Для этого коман-
дой
т
ар
.веЮ
еМ
ег
указываем координаты
(широту и долготу) места на планете и ко-
эффициент приближения (масштаб).
Так, для города Киева ставим координаты
50.46275,30.522079. Чем больше коэффициент,
тем больше масштаб и тем ближе к зрителю объ-
екты на местности.
Элементы управления
Ч-
'
’ 'у
* ,.v v
•Счэ
к:
ое-что
у
нас
уже
получается.
Но
по
нашей
.карте можно только перемещаться в двумер-
ной координатной системе. А как насчёт масшта-
бирования или переключения на спутниковый ре-
жим или гибридный?
Их есть у меня, вернее у Google Map API;)
Как только мы создали
карту командой
GMap2
,
вслед за ней можем включить элементы навигации
по карте:
/ / Блок навигации и масштабирования карты
map.addControl(new GLargeMapControlQ);
Если же нам нужно что-то покрасивее и функцио-
нальнее (масштабирование колёсиком мышки), то:
/ / Навигация с анимацией при масштабировании
колёсиком мышки
map.setUIToDefault();
предыдущая страница 42 Компьютер 2011 06 читать онлайн следующая страница 44 Компьютер 2011 06 читать онлайн Домой Выключить/включить текст