Урок про встраиванию карты Google на ваш сайт. Урок очень простой и не требует больших усилий. Ты научишься отображать карту Google у себя на страничке и сможешь указать точку в которой будет установлена карта по умолчанию.
1.Этот код ставим в "тело" страницы между тегами Body.
<body onload='load()' onunload='GUnload()'>Ширину, как видно из кода, поставил 100% что бы карта подстраивалась под размер сайта. Высоту назначил 200 пикселей.
<div id='map' style='width: 100%; height: 200px'></div>
</body>
2.Эту часть кода вставляем в "шапку" сайта между тегами Heder
<script src='http://maps.google.com/maps?file=api&v=2&key=vash kly4 v GOOGLE' type='text/javascript'></script><script type='text/javascript'>
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById('map'));
GEvent.addListener(map, 'moveend', function() {
var center = map.getCenter();
document.getElementById('message').innerHTML = center.toString();
});
map.setCenter(new GLatLng(61.78, 34.36), 13);
}
}
//]]>
</script>
ВАШ КОД ПОЛУЧЕННЫЙ В GOOGLE - на это место нужно вставить ключ полученный в Google. Здесь получить ключ http://code.google.com/intl/ru/apis/maps/signup.html
map.setCenter(new GLatLng(61.78, 34.36), 13); - Здесь задается широта и долгота центра изображаемого фрагмента карты, а также параметр "увеличение" (сейчас 13), благодаря которому вы можете задавать степень детализации отображаемого фрагмента. Координаты своего города можете найти в поисковике. Сейчас стоит город Петрозаводск.
Творческих успехов.
