Google Maps là gì?
Google Maps là một API của Google
Phông chữ của Google là API của Google
Biểu đồ của Google là một API của Google
Tìm hiểu cách thêm Google Maps vào trang web của bạn.
Bản đồ Google đầu tiên của tôi
Bắt đầu với một trang web đơn giản.
Thêm phần tử <div> nơi bạn muốn bản đồ hiển thị và đặt kích thước của bản đồ:
Ví dụ
<!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>
Thêm chức năng JavaScript để hiển thị bản đồ:
Ví dụ
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);
}
Biến mapCanvas là phần tử HTML của bản đồ.
Biến mapOptions xác định các thuộc tính cho bản đồ.
Thuộc tính center chỉ định vị trí căn giữa bản đồ (sử dụng tọa độ vĩ độ và kinh độ).
Thuộc tính thu phóng chỉ định mức thu phóng cho bản đồ (thử thử nghiệm mức thu phóng).
Đối tượng google.maps.Map được tạo bằng tham số mapCanvas và mapOptions.
Cuối cùng Thêm API Google
Chức năng của bản đồ được cung cấp bởi thư viện JavaScript có tại Google:
Ví dụ
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Hãy tự mình thử »Hướng dẫn về Google Maps
Tìm hiểu thêm về Google Maps trong Hướng dẫn về Google Maps của chúng tôi.