TÌM HIỂU GOOGLE MAP API VÀ XÂY DỰNG ỨNG DỤNG HỖ TRỢ ĐỊNH VỊ TÌM KIẾM VÀ CHỈ ĐƯỜNG - Full 10 điểm

UBND TỈNH QUẢNG NAM
TRƯỜNG ĐẠI HỌC QUẢNG NAM
KHOA CÔNG NGHỆ THÔNG TIN

----------

NGUYỄN VĂN TIẾN

TÌM HIỂU GOOGLE MAP API VÀ
XÂY DỰNG ỨNG DỤNG HỖ TRỢ ĐỊNH VỊ

TÌM KIẾM VÀ CHỈ ĐƯỜNG

KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC

Quảng Nam, tháng 05 năm 2019

UBND TỈNH QUẢNG NAM
TRƯỜNG ĐẠI HỌC QUẢNG NAM
KHOA CÔNG NGHỆ THÔNG TIN

----------

KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC

Đề tài:
TÌM HIỂU GOOGLE MAP API

VÀ XÂY DỰNG ỨNG DỤNG HỖ TRỢ ĐỊNH VỊ
TÌM KIẾM VÀ CHỈ ĐƯỜNG

Sinh viên thực hiện:
NGUYỄN VĂN TIẾN

MSSV :2115021049
NGÀNH: CÔNG NGHỆ THÔNG TIN

Khóa học: 2015-2019
Cán bộ hướng dẫn:

ThS.TRẦN THỊ DIỆU LINH
MSCB: …………

Quảng Nam, tháng 05 năm 2019

LỜI MỞ ĐẦU
Hiện nay, dưới sự phát triển của công nghệ thông tin, đặc biệt là trong lĩnh vực
thương mại điện tử đã giúp các cá nhân, doanh nghiệp và mọi người dễ dàng tiếp
cận được với thế giới bên ngoài.
Việc tiếp cận với thế giới sẽ trở nên đơn giản hơn nêu có được bản đồ trong
tay và tùy chỉnh nó. Em đã chọn đề tài: “Ứng đụng Google Map API xây dựng ứng
dụng định vị, tìm kiếm và chỉ đường” làm đề tài khóa luận của mình.
Thực hiện bài khóa luận là cơ hội để em áp dụng, tổng hợp các kiến thức đã
học trên lớp, đồng thời đúc kết được những bài học thực tế phục vụ cho việc học tập
và làm việc sau này.
Mặt dù đã cố gắng thực hiện đề tài nhưng vì năng lực cũng như thời gian cịn
hạn chế nên bài khóa luận khó tránh khỏi những thiếu sót rất mong thầy cơ thơng
cảm. Những góp ý của thầy cô là bài học, là hành trang để em vững bước vào cuộc
sống sau này. Qua đây em xin cảm ơn cô Trần Thị Diệu Linh, người đã nhiệt tình
hướng dẫn, chỉ bảo em trong quá trình thực hiện và hồn thành bài khóa luận.

MỤC LỤC
Phần 1. MỞ ĐẦU................................................................................................... 1
1.1. Lý do chọn đề tài............................................................................................. 1
1.2. Mục tiêu của đề tài.......................................................................................... 1
1.3. Đối tượng và phạm vi nghiên cứu .................................................................. 1
1.4. Phương pháp nghiên cứu ............................................................................... 1
1.5. Lịch sử nghiên cứu.......................................................................................... 1
1.6. Đóng góp của đề tài......................................................................................... 2
1.7. Cấu trúc đề tài ................................................................................................ 2
Phần 2: NỘI DUNG NGHIÊN CỨU .................................................................... 3
Chương 1: TỔNG QUAN GOOGLE MAP.......................................................... 3
1.1. KHÁI NIỆM VỀ GOOGLE MAP VÀ MAP API ......................................... 3
1.2. ỨNG DỤNG GOOGLE MAP ........................................................................ 3
1.3. MỘT SỐ SẢN PHẨM CỦA GOOGLE MAP ............................................... 4
1.3.1. Bản đồ........................................................................................................... 4
1.3.2. Tuyến đường ................................................................................................ 6
1.3.3. Địa điểm ....................................................................................................... 7
1.4. KHÁM PHÁ CÁC GIẢI PHÁP CÔNG NGHIỆP ........................................ 9
1.4.1. Sở hữu đường............................................................................................... 9
1.4.2. Biến thế giới thành sân chơi của bạn ........................................................ 10
1.4.3. Theo dõi tài sản của bạn trên toàn cầu ..................................................... 10
Chương 2: GOOGLE MAP API......................................................................... 12
2.1. SỬ DỤNG GOOGLE MAP API .................................................................. 12
2.1.1. Giới thiệu tổng quan .................................................................................. 12
2.1.2. Đăng ký sử dụng Google map API ............................................................ 12
2.1.3. Load bản đồ về trang web cá nhân ........................................................... 13
2.1.4. Tạo một Google map đơn giản .................................................................. 15
2.2. TƯƠNG TÁC GIỮA SERVER APP VÀ GOOGLE SERVERS................ 16
2.3. MỘT SỐ ỨNG DỤNG CỦA GOOGLE MAP API..................................... 17
2.4. GOOGLE MAPS OVERLAYS (LỚP PHỦ) TRÊN BẢN ĐỒ ................... 18

2.4.1. Khái niệm lớp phủ ..................................................................................... 18
2.4.2. Các loại lớp phủ ......................................................................................... 20

2.5. CÁC SỰ KIỆN CỦA GOOGLE MAP API ................................................. 26
2.6. CÁC ĐIỀU KHIỂN CỦA GOOGLE MAP API ......................................... 29
2.7. CÁC LOẠI CỦA GOOGLE MAP API ....................................................... 30
Chương 3: CHƯƠNG TRÌNH THỰC NGHIỆM .............................................. 31
3.1. BÀI TOÁN .................................................................................................... 31
3.2. MỘT SỐ ĐOẠN CODE CĨ TRONG CHƯƠNG TRÌNH ......................... 31
3.3. MỘT SỐ CHỨC NANG CỦA CHƯƠNG TRINH ..................................... 34
Phần 3. KẾT LUẬN VÀ KIẾN NGHỊ................................................................ 36
1. Kết luận............................................................................................................ 36
2. Kiến nghị .......................................................................................................... 36
Phần 4. TÀI LIỆU THAM KHẢO ..................................................................... 37

DANH MỤC HÌNH ẢNH

Hình 1.1: Bản đồ ở chế độ đường phố ..................................................................... 4
Hình 1.2: Bản đồ tuyến đường ........................................................................................... 6
Hình 1.3: Bản đồ địa điểm................................................................................................. 7
Hình 2.1: API Access ...................................................................................................... 13
Hình 2.2: Javascript trong thẻ head.................................................................................. 13
Hình 2.3: Hàm trong Javascript ....................................................................................... 13
Hình 2.4: Biến khởi tạo bản đồ .............................................................................. 14
Hình 2.5: Mã trong Javascript................................................................................ 15
Hình 2.6: Tạo key.................................................................................................. 16
Hình 2.7: Sử dụng user’s credential ....................................................................... 17
Hình 2.8: Mã Javascript......................................................................................... 18
Hình 2.9: Lớp phủ Marker ..................................................................................... 19
Hình 2.10: Mảng chứa các lớp phủ ........................................................................ 20

Hình 2.11: Markers ......................................................................................................... 21
Hình 2.12: Markers ......................................................................................................... 22
Hình 2.13: Hình ảnh kết quả của Markers........................................................................ 22
Hình 2.14: Lớp phủ của Polylines.................................................................................... 23
Hình 2.15: Mã Javascript................................................................................................. 24
Hình 2.16: Hình ảnh kết quả............................................................................................ 24
Hình 2.17: Hình ảnh kết quả............................................................................................ 25
Hình 2.18: Hình ảnh kết quả............................................................................................ 25
Hình 2.19: Lớp phủ của Inforwindows ............................................................................ 26
Hình 2.20: Marker ........................................................................................................... 26
Hình 2.21: Đoạn mã sự kiện ........................................................................................... 27
Hình 2.22: sự kiện trên các đối tượng map....................................................................... 27
Hình 2.23: Các Markers trên bản đồ ................................................................................ 28
Hình 2.24: Click vào Markers.......................................................................................... 28
Hình 3.1: Chức năng zoom .............................................................................................. 34
Hình 3.2: Chức năng Xem phố ........................................................................................ 35
Hình 3.3: Chức năng định vị............................................................................................ 34
Hình 3.4: Chức năng tìm kiếm......................................................................................... 35
Hình 3.5: Chức năng chỉ đường ....................................................................................... 35

Phần 1. MỞ ĐẦU
1.1. Lý do chọn đề tài

- Trong thế giới hiện nay ngành công nghệ thông tin ngày càng phát triển
vượt bậc, khoa học máy tính khơng ngừng vươn tới những tìm tịi mới mẽ hơn và
ngày càng đạt được nhiều thành tựu to lớn trong việc phát triển kinh tế. Trên hầu hết
tất cả lĩnh vực thì ngành cơng nghệ thơng tin đã trở thành một phần thiết yếu trong
cuộc sống ngày càng góp phần thay đổi cuộc sống.

- Công nghệ ngày càng được dùng rất nhiều trong các công việc hằng ngày

của mọi người. Đối với việc tìm đường ngày càng trở nên dễ dàng hơn với các cơng
nghệ hiện nay. Nếu có địa chỉ rõ ràng thì mọi người dường nhưng khơng cịn phải
khó khăn như ngày xưa nữa, nhưng nếu như khơng có địa điểm rõ ràng như ở các
vùng thơn q thì việc tìm kiếm nhà hay địa điểm nào đó cũng khó đối với những
người nơi khác tới. Nên em quyết định chọn chủ đề Map API google và phần mềm
ứng dụng.
1.2. Mục tiêu của đề tài

- Giới thiệu về Map API google.
- Xây dựng được phần mềm ứng dụng của Map API google.
1.3. Đối tượng và phạm vi nghiên cứu
- Đối tượng: MapAIP google, ngôn ngữ PHP, JavaScript, Jquery, CSS,
HTML.
- Phạm vi nghiên cứu: Các nguồn tài liệu trên mạng và các trang chính của
các đối tượng.
1.4. Phương pháp nghiên cứu
-Tìm kiếm và thu thập tài liệu.
- Nghiên cứu tài liệu thu thâp được.
- Phương pháp phân tích tổng kết kinh nghiệm.
1.5. Lịch sử nghiên cứu
Quá trình nghiên cứu về Map API google là phải tìm hiểu kỹ về lý thuyết rồi
sau đó đi chun sau vào thực hành rồi áp dụng vào ứng dụng của mình.

1

1.6. Đóng góp của đề tài
Giúp cho mọi người hiểu thêm được về bản đồ và từ Map API google có thể

áp dụng được để xây dựng cho mình bản đồ riêng với các tính năng tùy chỉnh theo ý
của mình

1.7. Cấu trúc đề tài

Cấu trúc của bài báo cáo khóa luận này bao gồm các phần: Lời cảm ơn, Mục
lục, Phần mở đầu, Phần nội dung nghiên cứu, Phần kết luận và Phần tài liệu tham
khảo. Trong đó phần nội dung nghiên cứu sẽ gồm các nội dung chính như sau:

- Chương 1: Tổng quan Google MAP
- Chương 2: Google MAP API
- Chương 3: Chương trình thực nghiệm

2

Phần 2: NỘI DUNG NGHIÊN CỨU
Chương 1: TỔNG QUAN GOOGLE MAP

1.1. KHÁI NIỆM VỀ GOOGLE MAP VÀ MAP API
Google Maps là một dịch vụ ứng dụng và công nghệ bản đồ trực tuyến trên

web miễn phí được cung cấp bởi Google, hỗ trợ nhiều dịch vụ khác của Google nổi
bật là dẫn đường. Nó cho phép thấy bản đồ đường sá, đường đi cho xe đạp, cho
người đi bộ và xe hơi, và những địa điểm kinh doanh trong khu vực cũng như khắp
nơi trên thế giới.

Map API là một phương thức cho phép 1 website B sử dụng dịch vụ bản đồ
của site A (gọi là Map API) và nhúng vào website của mình (site B). Site A ở đây là
google map, site B là các web site cá nhân hoặc tổ chức muốn sử dụng dịch vụ của
google, có thể rê chuột, zoom, đánh dấu trên bản đồ...

Các ứng dụng xây dựng trên bản đồ được nhúng vào trang web cá nhân
thông qua các thẻ Javascript do vậy việc sử dụng API google rất dễ dàng.

Google Map API đã được nâng cấp lên phiên bản thứ 3. Phiên bản này hỗ trợ
không chỉ cho các máy để bàn truyền thống mà cho cả các thiết bị di động. Nhanh
hơn và nhiều hơn các ứng dụng.

Điều quan trọng là các dịch vụ hoàn toàn miễn phí với việc xây dựng một
ứng dụng nhỏ. Trả phí nếu đó là việc sử dụng cho mục đích kinh doanh, doanh
nghiệp.
1.2. ỨNG DỤNG GOOGLE MAP

Đánh dấu các địa điểm trên bản đồ cùng các thông tin cho địa điểm: các khu
vui chơi giải trí, nhà hàng khách sạn, các quán ăn ngon, các shop quần áo, nữ
trang...

Chỉ dẫn đường đến các địa điểm cần tìm,chỉ dẫn đường giao thơng cơng
cộng, có thể là các địa điểm cung cấp như trên. Ở đây sử dụng các service google
cung cấp.

Khoanh vùng khu vực: các trung tâm kinh tế, khu đô thị, khu ô nhiễm...
Tình trạng giao thơng các khu vực...Đưa ra các giải pháp có thể...

3

Còn rất nhiều ứng dụng cho phép bạn xây dựng. Quan trọng là đều mang lại
lợi ích cho người cung cấp dịch vụ và người sử dụng dịch vụ. Có thể đem lại lợi ích
kinh tế nếu như ứng dụng áp dụng tốt trong thực tế!
1.3. MỘT SỐ SẢN PHẨM CỦA GOOGLE MAP
1.3.1. Bản đồ

- Mang thế giới thực đến với người dùng của bạn bằng bản đồ tùy chỉnh và

hình ảnh.

- Chế độ xem đường phố

Hình 1.1: Bản đồ ở chế độ đường phố

a. Tính năng

- Hình dung thế giới với bản đồ phong phú, chính xác:

Giúp một cặp vợ chồng mới tìm thấy ngơi nhà hồn hảo trong ứng dụng bất

động sản của bạn. Hoặc cung cấp cho khách du lịch một cái nhìn chi tiết về một nhà

ga xe lửa xa lạ. Bản đồ giúp bạn cung cấp cho người dùng bối cảnh họ cần với các

bản đồ tĩnh hoặc tương tác được nhúng vào trang Web hoặc ứng dụng của bạn. Chế

độ xem phố và hình ảnh vệ tinh có độ phân giải cao cho phép bạn tạo ra nhiều trải

nghiệm hấp dẫn hơn với chi tiết bổ sung. Với hơn 25 triệu cập nhật từ hơn 1.000

nguồn mỗi ngày, bản đồ của chúng em có thơng tin cập nhật mà người dùng của bạn

cần, ngay khi họ cần.

- Tùy chỉnh bản đồ của bạn:

Kiểu bản đồ của bạn với các điểm đánh dấu, đường, màu sắc, đa giác và hình

ảnh tùy chỉnh. Cung cấp cho người dùng khả năng tạo và chia sẻ bản đồ tùy chỉnh

của riêng họ và sử dụng thu phóng, chụm, xoay và nghiêng để khám phá bản đồ chi

tiết hơn. Bạn có thể làm nổi bật vị trí cửa hàng của bạn với màu sắc và các yếu tố
4

tùy chỉnh. Hoặc tùy chỉnh đường đi xe đạp ảo được cung cấp bởi chế độ xem phố
với các điểm đánh dấu, lớp phủ và ảnh độc đáo.

- Dựa vào quy mô của Google khi bạn phát triển:
Khi bạn xây dựng trên cùng một cơ sở hạ tầng phục vụ hàng tỷ người dùng
Google Map, bạn có thể tin tưởng vào một nền tảng sẽ mở rộng và uốn cong như
bạn làm. Trên cơ sở hạ tầng an toàn, chứng minh trong tương lai, bạn có thể phát
triển từ ngun mẫu sang quy mơ hành tinh mà không phải suy nghĩ về năng lực, độ
tin cậy hoặc hiệu suất.
- Xây dựng bản đồ trải nghiệm trên toàn thế giới:
Cung cấp cho người dùng của bạn những trải nghiệm Google Map chất
lượng cao tương tự mà họ biết và yêu thích ở hơn 200 quốc gia và vùng lãnh thổ.
Cho dù bạn kinh doanh ở Louisiana hay Lào, đã giúp bạn có được dữ liệu tồn diện,
đáng tin cậy.
b. Đặt điểm
- Hiển thị bản đồ dưới dạng hình ảnh hoặc bản đồ tương tác. Tạo kiểu cho
chúng bằng các dấu tùy chỉnh, đường kẻ, màu sắc, đa giác và hình ảnh để phù hợp
với thương hiệu của bạn.
- Nhúng hình ảnh Chế độ xem phố và hình ảnh vệ tinh có độ phân giải cao.
c. APIs và SDKs hỗ trợ bản đồ
- Bản đồ SDK cho Android: Thêm bản đồ vào ứng dụng Android của bạn
- Bản đồ SDK cho iOS: Thêm bản đồ vào ứng dụng iOS của bạn.
- API tĩnh của bản đồ: Thêm hình ảnh bản đồ đơn giản, có thể nhúng vào

trang Web của bạn với mã tối thiểu.
- API JavaScript của bản đồ: Thêm một bản đồ tương tác vào trang Web của
bạn. Tùy chỉnh nó với nội dung và hình ảnh của riêng bạn
- API tĩnh Chế độ xem phố: Nhúng hình ảnh trong thế giới thực với ảnh toàn
cảnh 360 °.
- URL bản đồ: Khởi chạy Google Map và bắt đầu một hành động, như tìm
kiếm hoặc chỉ đường, bằng cách sử dụng lược đồ URL đa nền tảng.
- API nhúng bản đồ: Thêm bản đồ tương tác hoặc Chế độ xem phố Toàn
cảnh trang Web của bạn, sử dụng đơn giản Yêu cầu HTTP.

5

1.3.2. Tuyến đường
Giúp người dùng của bạn tìm cách tốt nhất để đi từ A đến Z với dữ liệu toàn

diện và lưu lượng truy cập thời gian thực

Hình 1.2: Bản đồ tuyến đường

a. Tính năng

- Cung cấp hướng dẫn đáng tin cậy bất cứ nơi nào trên thế giới:

Giúp người dùng của bạn lên kế hoạch các tuyến đường chạy bộ ở London.

Hoặc tìm khách sạn gần điểm dừng chân tiếp theo của họ ở Jakarta. Tuyến đường

có tồn diện, up-to-date q cảnh, đi xe đạp, lái xe và đi bộ bao gồm 40 triệu dặm

đường tại hơn 200 quốc gia và vùng lãnh thổ. Bất cứ nơi nào bạn làm kinh doanh,

bạn có thể tin tưởng vào các tuyến đường tồn diện, đáng tin cậy.

- Tạo các tuyến hiệu quả để giảm chi phí và cải thiện trải nghiệm của khách

hàng:

Lập kế hoạch chuyến đi với dữ liệu cập nhật về khoảng cách giữa các điểm,

tuyến đường được đề xuất và thời gian di chuyển ước tính. Với khả năng tạo các

tuyến hiệu quả cho tối đa 25 điểm, bạn có thể hợp lý hóa hệ thống phân phối, tạo

hành trình tham quan cho khách du lịch hoặc hướng dẫn khách hàng thuê xe từ văn

phòng của bạn đến khách sạn của họ.

- Giữ lực lượng lao động của bạn di chuyển, ngay cả trong giờ cao điểm:

Chọn các tuyến nhanh hơn hoặc phân bổ lại giao hàng cho công nhân dựa

trên các điều kiện giao thông thời gian thực. Sử dụng các mô hình giao thơng dự

đốn để lên kế hoạch trước, giữ cho nhân viên của bạn tránh khỏi tình trạng chậm

lại và giảm việc giao hàng trễ.

- Dựa vào quy mô của Google khi bạn phát triển:
6

Cho dù bạn đang mở rộng bán kính phân phối, lập kế hoạch tăng đột biến lưu
lượng truy cập hoặc giúp người dùng tìm vị trí cửa hàng mới của mình, bạn có thể
chắc chắn Nền tảng Google Map sẽ mở rộng quy mơ như bạn. Trên cơ sở hạ tầng an
tồn, chứng minh trong tương lai của chúng em, bạn có thể phát triển từ nguyên
mẫu sang quy mô hành tinh mà không phải suy nghĩ về năng lực, độ tin cậy hoặc
hiệu suất.
b. Đặt điểm

- Nhận chỉ đường cho quá cảnh, đi xe đạp, lái xe và đi bộ. Tính thời gian di
chuyển hiện tại hoặc tương lai dựa trên lưu lượng truy cập thời gian thực.

- Cung cấp thời gian đi lại và khoảng cách cho một hoặc nhiều địa điểm.
- Tạo hành trình chính xác bằng cách xác định tuyến đường mà xe đã đi và
những con đường gần nhất dọc theo mỗi điểm trên hành trình của phương tiện.
1.3.3. Địa điểm
Giúp người dùng khám phá thế giới với các chi tiết phong phú cho hơn 150
triệu điểm quan tâm

Hình 1.3: Bản đồ địa điểm

a. Tính năng

- Giúp người dùng của bạn khám phá thế giới xung quanh:

Cung cấp cho người dùng của bạn thông tin họ cần để lên kế hoạch cho

chuyến đi đến Tokyo hoặc chọn một nhà hàng ramen trong khu phố của họ. Với Địa

điểm, bạn có thể cung cấp dữ liệu cho người dùng về tên vị trí, địa chỉ, xếp hạng,

đánh giá, thơng tin liên hệ và bầu khơng khí. Hướng dẫn và người dùng địa phương

gửi hàng chục triệu cập nhật mỗi ngày, do đó bạn có thể tin tưởng vào thơng tin

chính xác, đáng tin cậy.

- Cung cấp dịch vụ tốt hơn với trí thơng minh vị trí chính xác:

7

Tránh bỏ lỡ xe bán tải bằng cách gửi trình điều khiển của bạn đến địa chỉ
chính xác dựa trên vị trí được báo cáo của người dùng. Giúp người dùng dễ dàng
nhập thơng tin thanh tốn và giao hàng chính xác bằng cách tự động đề xuất địa chỉ
khi họ nhập. Khi bạn sử dụng các tính năng định vị địa lý và mã hóa địa lý mạnh mẽ
của chúng em kết hợp với dữ liệu Địa điểm cập nhật, bạn có thể cung cấp cho người
dùng thơng tin họ cần, ngay khi họ cần.

- Xây dựng với dữ liệu vị trí tồn diện trên toàn cầu
Sử dụng chi tiết về hơn 150 triệu địa điểm và điểm ưa thích để giúp người
dùng tìm thấy bạn, thu hút khách hàng bằng các đánh giá và thậm chí giúp phát hiện
gian lận. Cho dù bạn kinh doanh ở Barcelona hay Baltimore, bạn đều có thể tin
tưởng vào những trải nghiệm Google Map chất lượng cao tương tự mà người dùng
của bạn biết và yêu thích.
- Dựa vào quy mô của Google khi bạn phát triển
Khi bạn xây dựng trên cùng một cơ sở hạ tầng phục vụ hàng tỷ người dùng
Google Map, bạn có thể tin tưởng vào một nền tảng sẽ mở rộng và uốn cong như
bạn làm. Trên cơ sở hạ tầng an toàn, chứng minh trong tương lai của chúng em, bạn
có thể phát triển từ nguyên mẫu sang quy mô hành tinh mà không phải suy nghĩ về
năng lực, độ tin cậy hoặc hiệu suất.
b. Đặc điểm

- Cung cấp tên, địa chỉ và các chi tiết phong phú khác như xếp hạng, đánh
giá hoặc thông tin liên hệ cho hơn 150 triệu địa điểm.
- Xác định một địa điểm dựa trên các tín hiệu thời gian thực như thời gian
trong ngày hoặc vị trí người dùng.
- Biến số điện thoại, địa chỉ hoặc tên thành một địa điểm.
- Tự động trả lại đề xuất vị trí trong khi người dùng nhập.
- Chuyển đổi địa chỉ sang tọa độ địa lý hoặc ngược lại.
- Trả về vị trí chính xác của thiết bị dựa trên Wi-Fi hoặc tháp di động.
- Trả lại một múi giờ cho bất kỳ vị trí.
c. API hỗ trợ các tuyến đường
- API chỉ đường: Cung cấp chỉ đường cho quá cảnh, đi xe đạp, lái xe hoặc đi
bộ giữa nhiều địa điểm.

8

- API ma trận khoảng cách: Tính thời gian di chuyển và khoảng cách cho
nhiều điểm đến.

- API đường: Xác định tuyến đường chính xác mà một chiếc xe đi.
1.4. KHÁM PHÁ CÁC GIẢI PHÁP CÔNG NGHIỆP
1.4.1. Sở hữu đường

- Giúp lái xe của bạn đi từ điểm A đến Z nhanh hơn và an toàn hơn:
Cung cấp cho trình điều khiển của bạn trải nghiệm liền mạch bằng cách tích
hợp điều hướng từng chặng được cung cấp bởi Google Map ngay vào ứng dụng của
bạn. Thay vì phải chuyển đổi qua lại giữa các ứng dụng, các tài xế kiểm soát hiệu
quả hàng đợi của họ và xem tất cả thông tin hành khách ở một nơi, giúp quản lý
hành trình và đến nơi họ đi sẽ dễ dàng hơn. Người lái xe có thể dựa vào trải nghiệm
Google Map mà họ đã từng sử dụng, bao gồm điều hướng từng chặng trực quan,
tổng quan tuyến đường, hướng dẫn mức độ làn đường và hỗ trợ giọng nói. Và bởi vì

Google Map chạy lại dựa trên lưu lượng truy cập thời gian thực, người lái xe có thể
hồn thành các chuyến đi nhanh hơn và có nhiều chuyến đi hơn.
- Trao quyền cho khách hàng của bạn với thông tin chính xác, cập nhật:
Mang lại trải nghiệm tuyệt vời cho khách hàng với thời gian chờ chính xác
và các tuyến đường được tối ưu hóa dựa trên các điều kiện giao thơng thời gian
thực. Nếu các trình điều khiển bị kẹt trong lưu lượng truy cập, thời gian chờ đợi sẽ
được cập nhật tự động, giúp khách hàng thoải mái.
- Cải thiện hoạt động của bạn bằng cách tương tác với trình điều khiển trong
thời gian thực:
Khi trình điều khiển có thể ở trong ứng dụng của bạn khi họ điều hướng đến
đích, bạn có thể gửi cho họ thông báo và thông báo, thêm chuyến đi nhanh chóng và
có cái nhìn tổng thể hơn về hành vi điều hướng của họ. Với nhiều dữ liệu hơn và
kiểm sốt tốt hơn, bạn có thể tối ưu hóa tài nguyên và tuyến đường, giảm thời gian
nhàn rỗi cho tài xế, cải thiện thời gian chờ đợi cho khách hàng và tạo hiệu quả cho
doanh nghiệp của bạn.
- Mang lại trải nghiệm tuyệt vời trên toàn cầu:
Cho dù bạn đang mở rộng hoạt động trình chiếu của mình sang Úc hoặc triển
khai dịch vụ xe hai bánh ở Ấn Độ, chúng em đã giúp bạn có được dữ liệu chi tiết,
chất lượng cao cho các khu vực và thành phố trên toàn cầu. Cung cấp cho người lái

9

xe và khách hàng của bạn trải nghiệm Google Map họ biết và tình u với các tuyến
đường đó bao gồm 40 triệu dặm đường tại hơn 200 quốc gia và vùng lãnh thổ.
1.4.2. Biến thế giới thành sân chơi của bạn

- Tạo ra những trải nghiệm tuyệt vời trên toàn cầu:
Truy cập hàng trăm triệu tòa nhà 3D, đường, cột mốc, quán cà phê và cơng
viên để xây dựng trị chơi của bạn. Chúng em có bản đồ thế giới, vì vậy bạn có thể
tin tưởng vào dữ liệu chất lượng cao từ New York đến Tokyo, bao gồm thông tin về

hơn 100 triệu địa điểm
- Hồn tồn tùy chỉnh các trị chơi của bạn:
Đường, tòa nhà và cơng viên được biến thành các đối tượng trị chơi trong
Unity, nơi bạn có thể tùy chỉnh bất kỳ yếu tố trị chơi nào. Đổ đầy cơng viên bằng
cây cối, đại dương bằng sóng và bãi biển bằng ơ. Tùy chỉnh màu sắc, kết cấu và
kích thước của các đối tượng để tạo ra một trò chơi của riêng bạn
- Thiết kế các trò chơi phong phú và hấp dẫn trong thế giới thực:
Tìm những địa điểm phù hợp và thân thiện với người chơi để chơi trò chơi
với dữ liệu Google Map. Cho dù bạn muốn đưa người chơi của mình đến một qn
cà phê đơng đúc ở Paris hay ngồi đường bị đánh đập, chúng em có thể giúp bạn
đưa người chơi của mình đến các địa điểm trong thế giới thực có ý nghĩa cho trị
chơi của bạn.
- Dựa vào quy mô của Google khi bạn phát triển:
Xây dựng với cơ sở hạ tầng và máy chủ Google Map trên tồn thế giới có
nghĩa là thời gian phản hồi nhanh hơn, khả năng mở rộng theo yêu cầu và yên tâm
rằng các trò chơi của bạn sẽ chỉ hoạt động. Dựa vào lối chơi có sẵn trên tồn cầu
cho hàng triệu người chơi đồng thời và trong khi lưu lượng truy cập tăng đột ngột.
- Xây dựng trong sự thống nhất:
Tạo các trò chơi nhập vai tùy chỉnh với dữ liệu Google Map trong Unity, nền
tảng trò chơi di động phổ biến nhất. Tích hợp liền mạch cho phép các nhà phát triển
của bạn tận dụng lợi thế của vật lý Unity, ánh sáng, AI, xử lý hậu kỳ và khả năng đa
nền tảng để tạo ra các trị chơi sống động có thể được xuất sang bất kỳ thiết bị nào.
1.4.3. Theo dõi tài sản của bạn trên toàn cầu
Dữ liệu vị trí tồn cầu chính xác, theo thời gian thực cho các đội tàu, tài sản
và thiết bị

10

- Tận dụng tốt nhất Bản đồ, Tuyến đường và Địa điểm để theo dõi tài sản:
Có được sự hiểu biết sâu sắc về tài sản của bạn bằng cách định vị và hình

dung chúng đang ở đâu trong thời gian thực, nơi mà chúng đã đi du lịch và tần suất
chúng di chuyển. Theo dõi tài sản cung cấp tùy chọn thanh toán cho mỗi tài sản và
bao gồm các tính năng nâng cao trên đầu Bản đồ, Tuyến đường và Địa điểm. Nó rất
lý tưởng cho các doanh nghiệp cần lập kế hoạch các tuyến đường phức tạp, định vị
tài sản chính xác và thường xuyên, quản lý và vận hành hàng ngàn tài sản ở quy mô
hoặc hiểu các điều kiện đường thời gian thực.
- Tạo các tuyến hiệu quả cho cả hành trình hạm đội phức tạp nhất:
Tạo hành trình đa điểm với dữ liệu cập nhật về khoảng cách giữa các điểm và
thời gian di chuyển ước tính. Nhận các tuyến đường được đề xuất cho tối đa 25 điểm
tham chiếu trong điều kiện giao thơng dự đốn và thời gian thực. Với các tuyến
đường được tối ưu hóa và khả năng định vị và trực quan hóa xe tải trong thời gian
thực, bạn có thể giữ cho tài xế của mình khơng bị chậm, tối đa hóa việc sử dụng đội
tàu, lên lịch cho xe tải khơng hoạt động để bảo trì và giảm việc giao hàng trễ.
- Theo dõi và trực quan hóa các tài sản được kết nối của bạn với dữ liệu vị trí
chính xác:
Cho dù tài sản IOT của bạn ở trong nhà, ở vùng sâu vùng xa hoặc được phân
phối trên hàng trăm thành phố, bạn có thể theo dõi chúng một cách chính xác. Bạn
có thể kích hoạt giám sát vị trí trong vịng vài mét đối với các tài sản quan trọng với
bạn. Tối ưu hóa các lơ hàng khi bạn theo dõi từ xa chúng từ dây chuyền lắp ráp đến
đích cuối cùng của chúng. Hoặc cho phép người dùng hiểu vị trí và mơi trường
chính xác của họ bằng cách thêm định vị địa lý cho các thiết bị mà không cần GPS
hoặc phần cứng chuyên dụng.
- Dựa vào thơng tin vị trí chính xác trên tồn thế giới:
Cho dù bạn đang mở rộng phân phối IoT sang Brazil hoặc phát triển đội tàu
của mình để bao qt tồn bộ Châu Âu, chúng em đã giúp bạn có được dữ liệu toàn
diện cho hơn 200 quốc gia và vùng lãnh thổ. Ngay cả ở những vùng xa hoặc thành
phố nơi tiếp nhận kém, chúng em thường sử dụng tháp di động và Wi-Fi để cung
cấp thơng tin vị trí chính xác cho dù tài sản của bạn ở đâu.

11

Chương 2: GOOGLE MAP API

2.1. SỬ DỤNG GOOGLE MAP API
2.1.1. Giới thiệu tổng quan

- Google Map là một dịch vụ ứng dụng vào công nghệ bản đồ trực tuyến trên
web miễn phí được cung cấp bởi Google, hỗ trợ nhiều dịch vụ khác của Google đặc
biệt là dò đường và chỉ đường; hiển thị bản đồ đường sá, các tuyến đường tối ưu
cho từng loại phương tiện, cách bắt xe và chuyển tuyến cho các loại phương tiện
công cộng (xe bus, xe khách ...), và những địa điểm (kinh doanh, trường học, bệnh
viện, cây ATM...) trong khu vực cũng như khắp nơi trên thế giới.

- Map API Là một phương thức cho phép 1 website B sử dụng dịch vụ bản
đồ của website A (gọi là Map API) và nhúng vào website của mình (site B). Site A
ở đây là google map, site B là các website cá nhân hoặc tổ chức muốn sử dụng dịch
vụ của google (di chuột, room, đánh dấu trên bản đồ…)

- Các ứng dụng xây dựng trên maps được nhúng vào trang web cá nhân
thông qua các thẻ Javascript do vậy việc sử dụng API google rất dễ dàng.

- Google Map API đã được nâng cấp lên phiên bản v3 không chỉ hỗ trợ cho
các máy để bàn truyền thống mà cho cả các thiết bị di động; các ứng dụng nhanh
hơn và nhiều hơn

- Các dịch vụ hoàn tồn miễn phí với việc xây dựng một ứng dụng nhỏ. Trả
phí nếu đó là việc sử dụng cho mục đích kinh doanh, doanh nghiệp.
2.1.2. Đăng ký sử dụng Google map API

Tất cả các ứng dụng Maps API nên tải Maps API sử dụng một API key. Một

key API cho bạn kiểm sốt các ứng dụng của mình và cũng là việc google có thể
liên lạc với bạn về ứng dụng có ích bạn đang xây dựng. Từ đó có cơ hội phát triển
bản thân mình.

Tạo một API key:
+ Truy cập vào và đăng nhập bằng tài
khoản gmail của mình.
+ Click vào Services link bên trái menu.
+ Kéo xuống dưới tìm Google Maps API v3 service và kích hoạt dịch vụ.
+ Click API Access, một API key sẽ hiện lên và bạn sẽ coppy lại để sử dụng.

12

Hình 2.1: API Access
2.1.3. Load bản đồ về trang web cá nhân

+ Khi đã có key google cung cấp ta sử dụng key đó trong đoạn mã Javascript
trong thẻ <head>:

Hình 2.2: Javascript trong thẻ head
+ Tạo một hàm trong Javascript

Hình 2.3: Hàm trong Javascript
13

+ Đầu tiên tạo một đối tượng bản đồ chứa các biến khởi tạo bản đồ

Hình 2.4: Biến khởi tạo bản đồ
+ Center: một điểm làm trung tâm của bản đồ Latitudes(vĩ độ) và
Longitudes(kinh độ). Tương tự như trên khi ta định nghĩa 1 điểm là tọa độ trong

Map ta để nó nằm trong new google.maps.LatLng(lat,lng). Một điểm được xác định
bởi vĩ độ và kinh độ.
+ Zoom: độ zoom được quy định khi Map được load.
+ Map type: loại Map được hiển thị sau khi load xong. có 4 loại để chọn:
ROADMAP, SATELLITE, HYBRID, TERRAIN
+ Map object: var map = new
google.maps.Map(document.getElementById("map_canvas"), myOptions);
+ Xác định id html chứa đối tượng Map với tùy chọn "myOptions" như trên.
Mã Javascript:
''''<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascrip">
src=" />_TO_TRUE_OR_FALSE">
</script>

14