Dowiedz się, jak dodać mapę Google na stronie internetowej.
Basic Strona WWW
Wszystko strona internetowa są napisane w HTML.
Aby zademonstrować, jak dodać mapę Google na stronie internetowej, będziemy używać prostych podstawową stronę internetową:
Przykład
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map">My map will go here</div>
</body>
<html>
Spróbuj sam " Ustaw rozmiar mapy
Ustaw rozmiar mapy:
Dodaj API Google
Funkcjonalność mapie jest świadczone przez biblioteki JavaScript znajduje się w Google.
Biblioteka JavaScript mogą być ładowane w <head> sekcji strony HTML.
Właściwie można upuścić <head> i </head> tagi.
Przykład
<head>
<script src="https://maps.googleapis.com/maps/api/js"></script>
</head>
Spróbuj sam " Tworzenie mapie przy użyciu JavaScript
Na koniec dodać niezbędną JavaScript do strony
Przykład
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); Spróbuj sam " Przykład Poradnik
mapCanvas jest elementem mapie w HTML.
mapOptions jest Opcje mapy.
Nieruchomość centrum dostaje długość i szerokość geograficzną (Londyn), wywołując google.maps. LatLng() google.maps. LatLng() .
Nieruchomość zoom jest ustawiony na 10. (spróbuj eksperymentować z powiększeniem)
Przedmiotem google.maps.Map jest tworzony z mapCanvas i mapOptions jako parametry.
Przejdź do naszej Google Maps API Tutorial . Więcej informacji na temat Google Maps.