Что такое Google Карты?
Карты Google — это API Google.
Google Fonts — это API Google.
Google Charts — это API Google.
Узнайте, как добавить Карты Google на свою веб-страницу.
Моя первая карта Google
Начните с простой веб-страницы.
Добавьте элемент <div> в то место, где вы хотите отображать карту, и установите размер карты:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
Добавьте функцию JavaScript для отображения карты:
Пример
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
Переменная mapCanvas — это HTML-элемент карты.
Переменная mapOptions определяет свойства карты.
Свойство center указывает, где центрировать карту (используя координаты широты и долготы).
Свойство масштабирования указывает уровень масштабирования карты (попробуйте поэкспериментировать с уровнем масштабирования).
Объект google.maps.Map создается с параметрами mapCanvas и mapOptions.
Наконец добавьте Google API
Функциональность карты обеспечивается библиотекой JavaScript, расположенной в Google:
Пример
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Учебник по Google Картам
Узнайте больше о Google Maps в нашем учебном пособии по Google Maps .