Co jsou Mapy Google?
Google Maps je Google API
Google Fonts je Google API
Google Charts je Google API
Přečtěte si, jak přidat Mapy Google na svou webovou stránku.
Moje první mapa Google
Začněte jednoduchou webovou stránkou.
Přidejte prvek <div> na místo, kde chcete mapu zobrazit, a nastavte velikost mapy:
Příklad
<!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>
Přidejte funkci JavaScript pro zobrazení mapy:
Příklad
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);
}
Proměnná mapCanvas je HTML element mapy.
Proměnná mapOptions definuje vlastnosti mapy.
Vlastnost center určuje, kam vycentrovat mapu (pomocí souřadnic zeměpisné šířky a délky).
Vlastnost zoom určuje úroveň přiblížení mapy (zkuste experimentovat s úrovní přiblížení).
Objekt google.maps.Map je vytvořen s parametry mapCanvas a mapOptions.
Nakonec přidejte Google API
Funkčnost mapy zajišťuje knihovna JavaScript umístěná na Googlu:
Příklad
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Výukový program Map Google
Další informace o Mapách Google naleznete v našem výukovém programu Map Google .