Co to są Mapy Google?
Mapy Google to interfejs API Google
Czcionki Google to interfejs API Google
Wykresy Google to interfejs API Google
Dowiedz się, jak dodać Mapy Google do swojej strony internetowej.
Moja pierwsza mapa Google
Zacznij od prostej strony internetowej.
Dodaj element <div> w miejscu, w którym ma być wyświetlana mapa, i ustaw rozmiar mapy:
Przykład
<!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>
Dodaj funkcję JavaScript, aby wyświetlić mapę:
Przykład
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);
}
Zmienna mapCanvas jest elementem HTML mapy.
Zmienna mapOptions definiuje właściwości mapy.
Właściwość center określa, gdzie wyśrodkować mapę (przy użyciu współrzędnych szerokości i długości geograficznej).
Właściwość zoom określa poziom powiększenia mapy (spróbuj poeksperymentować z poziomem powiększenia).
Obiekt google.maps.Map jest tworzony z parametrami mapCanvas i mapOptions.
Na koniec dodaj Google API
Funkcjonalność mapy zapewnia biblioteka JavaScript znajdująca się w Google:
Przykład
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Samouczek Map Google
Dowiedz się więcej o Mapach Google w naszym samouczku dotyczącym Map Google .