Hướng dẫn Google và FaceBook API

HƯỚNG DẪN CÀI ĐẶT GOOGLE MAPS API &
FACEBOOK API (COMMENT)
I – GOOGLE MAPS API
Bước 1: Tạo Key
- Vào trang />
- Đăng nhập bằng tài khoản google sau đó chọn Web platform.


- Chọn “GET A KEY”

- Xuất hiện hộp thoại, chọn “CONTINUE”

- Cửa số mới xuất hiện, chọn “Create Project” sau đó “Continue”


- Chờ một lúc để Google tạo Project. Màn hình mới xuất hiện, đặt tên key và chọn Create

- Lưu lại key của bạn


Bước 2: Tìm tọa độ của một địa điểm trên Google Maps
- Ví dụ bạn muốn đánh dấu cửa hàng trên website. Trước tiên bạn phải tìm tọa độ cửa hàng.
- Vào trang />- Click chuột phải vào địa điểm trên bản đồ và chọn “Đây là gì?”


- Một khung nhỏ phía dưới màn hình hiện lên cho biết tọa độ của địa điểm. Trong hình tọa
độ trường HUTECH là (10.802145, 106.715001).

Bước 3: Chèn Google Maps vào website
- Bài này sẽ tạo google maps trong trang “Liên hệ” của website bán sách.

- Vào trang view của trang “Liên hệ”, paste đoạn code sau vào, thay YOUR-API-KEY bằng
Key của bạn đã lấy ở bước 1. Thay tọa độ địa điểm bạn cần hiển thị (đã lấy ở bước 2) vào
dòng code: var

latlng = new google.maps.LatLng(10.802145, 106.714965);

<style>
#map {
width: 100%;
height: 400px;
}
</style>
<div id="map"></div>
<script>
function initMap() {
var latlng = new google.maps.LatLng(10.802145, 106.714965); //Tọa độ cửa hàng
var map = new google.maps.Map(document.getElementById('map'), {
center: latlng,
zoom: 16 //Độ phóng to của bản đồ
});
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: "Your Title" //Tên hiển thị khi đưa chuột vào địa điểm
});
}
</script>