Google Haritalar nedir?
Google Haritalar bir Google API'sidir
Google Yazı Tipleri bir Google API'sidir
Google Charts bir Google API'sidir
Google Haritalar'ı web sayfanıza nasıl ekleyeceğinizi öğrenin.
İlk Google Haritam
Basit bir web sayfasıyla başlayın.
Haritanın görüntülenmesini istediğiniz yere bir <div> öğesi ekleyin ve haritanın boyutunu ayarlayın:
Örnek
<!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>
Haritayı görüntülemek için bir JavaScript işlevi ekleyin:
Örnek
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 değişkeni, haritanın HTML öğesidir .
mapOptions değişkeni, haritanın özelliklerini tanımlar.
center özelliği, haritanın nerede ortalanacağını belirtir (enlem ve boylam koordinatlarını kullanarak) .
Yakınlaştırma özelliği, haritanın yakınlaştırma düzeyini belirtir ( yakınlaştırma düzeyiyle deneme yapmayı deneyin).
google.maps.Map nesnesi , parametre olarak mapCanvas ve mapOptions ile oluşturulur.
Son olarak Google API'sini ekleyin
Haritanın işlevselliği, Google'da bulunan bir JavaScript kitaplığı tarafından sağlanır:
Örnek
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Google Haritalar Eğitimi
Google Haritalar Eğitimimizde Google Haritalar hakkında daha fazla bilgi edinin .