Как сделать - карту Google
Узнайте, как добавить карту Google на веб-страницу.
Моя первая карта Google
Начните с простой базовой веб-страницы.
Добавьте элемент <div>, где должна отображаться карта:
Пример
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map">My map will go here</div>
</body>
<html>
Задайте размер карты:
Пример
<div id="map" style="width:100%;height:400px;">
Создайте функцию 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);
}
Переменная мапканвас является HTML-элементом карты.
Переменная mapOptions определяет свойства карты.
Свойство Center указывает, где следует центрировать карту (с помощью координат широты и долготы).
Свойство Zoom определяет уровень масштабирования карты (попробуйте поэкспериментировать с уровнем масштабирования).
Объект Google. Maps. Map создается с помощью мапканвас и mapOptions в качестве параметров.
Добавить API Google
Функциональность карты обеспечивается библиотекой JavaScript, расположенной в Google:
Пример
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Учебник по картам Google
Узнайте больше о картах Google в нашем руководстве по картам Google.