Пример рабочего скрипта с коментарием

7 8 9 10 11 12 13

<!--

To change this template, choose Tools | Templates

and open the template in the editor.

-->

<!--

-->

<!DOCTYPE html>

<!--

С помощью инструкции <!DOCTYPE html> приложение объявляется как документ HTML5.

-->

<html>

<head>

<!--

Для того что бы отделить скрипт от документа используется тег <head>

-->

html { height: 100% }

body { height: 100%; margin: 0; padding: 0 }

#map_canvas { height: 100% }

</style>

<!--

Если для родительского элемента размер не указан, будет предполагаться,

что он составляет 0 x 0 пикселей. По этой причине в код включено следующее объявление <style>

-->

<!--

Тег <script> сообщает браузеру о том, что внутри находится исполняемый скрипт.

Атрибут type говорит о том, что это javascript. Вообще говоря,

атрибут может отсутствовать - разницы нет, но с точки зрения стандарта его следует указать.

-->

rc="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">

<!--

URL, содержащийся в теге script, является местоположением файла JavaScript,

загружающего все символы и определения, требуемые для использования API Google Карт.

Тег script является обязательным.

Параметр key содержит ключ API приложения. Подробнее см. в разделе Получение ключа API,

по адресу: https://developers.google.com/maps/documentation/javascript/tutorial?hl=ru#api_key

Имейте в виду, что этот ключ отличается от использовавшегося в API версии 2, и его генерация должна производиться из консоли интерфейсов API.

Требуется также включить параметр sensor URL-адреса, который указывает, используется или нет в приложении датчик определения местоположения пользователя (например, локатор GPS). В данном примере мы выразили этот параметр в виде переменной

set_to_true_or_false, чтобы подчеркнуть необходимость явно присвоить ему значение true или false.

-->

</script>

function initialize() {

var mapOptions = {

center: new google.maps.LatLng(-34.397, 150.644),

zoom: 8,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById("map_canvas"),

mapOptions);

}