Google Maps là gì?
Google Maps là một API của Google
Google Fonts là một API của Google
Google Charts 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> vào nơi bạn muốn bản đồ hiển thị và đặt kích thước của bản đồ:
Thí 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 một hàm JavaScript để hiển thị bản đồ:
Thí 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 vĩ độ và kinh độ).
Thuộc tính thu phóng chỉ định mức thu phóng cho bản đồ (hãy thử thử nghiệm với mức thu phóng).
Đối tượng google.maps.Map được tạo với mapCanvas và mapOptions dưới dạng các tham số.
Cuối cùng, Thêm API Google
Chức năng của bản đồ được cung cấp bởi một thư viện JavaScript tại Google:
Thí dụ
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Hướng dẫn về Google Maps
Tìm hiểu thêm về Google Maps trong Hướng dẫn sử dụng Google Maps của chúng tôi .