Phát triển pluginflemap ứng dụng bản đồ đa chức năng cho các website sử dụng mạng nguồn mở

LỜI CẢM ƠN Sau khoảng thời gian nghiên cứu tìm hiểu, đến em hoàn thành báo cáo đồ án tốt nghiệp Em xin bày tỏ lòng biết ơn sâu sắc gửi lời cảm ơn tới Ban chủ nhiệm khoa Công nghệ thông tin, thầy cô giáo môn Công nghệ thông tin, thầy cô tận tình giảng dạy, trang bị cho chúng em vốn kiến thức kinh nhiệm quý báu, cung cấp cho chúng em điều kiện môi trường học tập tốt Để hoàn thành tốt báo cáo này, em xin gửi lời cảm ơn trân thành tới Thầy giáo – Thạc sỹ Nguyễn Quang Hiệp, người theo sát, sẵn sàng trả lời cho em vướng mắc hướng dẫn tạo điều kiện tốt giúp em hoàn thành báo cáo Sinh viên Phạm Công Tuấn Thắng LỜI CAM ĐOAN Em xin cam đoan nội dung báo cáo đồ án tốt nghiệp kết trình nghiên cứu tìm hiểu thực cá nhân em, thực dựa sở lý thuyết hướng dẫn nhiệt tình bảo Thầy giáo – Th.S Nguyễn Quang Hiệp Các nội dung lý thuyết, sơ đồ phân tích nghiên cứu áp dụng từ phần tài liệu tham khảo, chương trình demo em tự thiết kế Nếu có chép, copy từ báo cáo khác em xin tự chịu trách nhiệm trước môn nhà trường Sinh viên Phạm Công Tuấn Thắng MỤC LỤC LỜI CAM ĐOAN LỜI NÓI ĐẦU 1.1 Tìm hiểu PHP .6 1.1.1 Lịch sử phát triển PHP 1.1.2 Tại ta sử dụng ngôn ngữ lập trình PHP? 10 1.2 Tìm hiểu MYSQL 10 1.2.1 Mười lý bạn chọn MySQL 11 1.2.2 Các kiểu liệu sở liệu MySQL 14 1.2.3 Các hàm thông dụng MySQL 16 1.3 PHP MySQL 17 1.3.1 Các tính chính: 17 1.3.2 Các tính khác: 18 1.4 Tìm hiểu CSS HTML 19 1.5 Tìm hiểu ngôn ngữ javascript 21 1.6 Tìm hiểu WordPress 23 1.6.1 Giới thiệu sơ lược Wordpress 23 1.6.2 Vài nét lịch sử Wordpress Error! Bookmark not defined 1.6.3 Nét bật Wordpress 24 1.6.4 Các lý khiến phải chọn WordPress 25 1.7 Tìm hiểu Google Map API 25 1.7.1 Google Map API gì? 25 1.7.2 Tương tác Server App Google Servers 26 1.7.3 Một số ứng dụng Google Map API 28 1.7.4 Tạo Google Map đơn giản 29 1.8 Tìm hiểu cách xây dựng plugin cho WordPress 42 1.8.1 Các kiến thức cần thiết 42 1.8.2 Các công cụ phát triển cần thiết 43 1.8.3 Cách viết plugin 43 CHƯƠNG II : PHÁT TRIỂN PLUGIN WORDPRESS KẾT HỢP GOOGLE MAP 46 2.1 Tìm hiểu Wordpress Error! Bookmark not defined 2.2 Tìm hiểu Google Map API Error! Bookmark not defined 2.3 Tìm hiểu cách xây dựng plugin cho Wordpress Error! Bookmark not defined CHƯƠNG III : KHẢO SÁT HỆ THỐNG Error! Bookmark not defined 3.1 Các chức FlexMap 52 3.2 Thiết kế plugin FlexMap 50 3.2.1 Xây dựng chức cho plugin 50 3.2.2 Xây dựng giao diện 50 3.2.3 Chọn lựa ngôn ngữ lập trình phù hợp 51 CHƯƠNG IV: XÂY DỰNG CHƯƠNG TRÌNH 52 4.1 Giao diện 52 4.2 Giao diện quản trị 56 4.3 Hướng dẫn sử dụng 57 KẾT LUẬN 67 TÀI LIỆU THAM KHẢO : 69 LỜI NÓI ĐẦU Ngày sống kỷ nguyên công nghệ thông tin với phát triển mạnh mẽ Công nghệ thông tin không dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho người Đặc biệt lĩnh vực website, phát triển tảng web framework, phần mềm nguồn mở kèm trình duyệt hỗ trợ đa dạng định đến phát triển mạnh mẽ nhanh chóng công nghệ web Việc sử dụng framework, phần mềm nguồn mở rút ngắn trình tạo website, bảo mật thuận tiện trình cài đặt sử dụng Chính nhờ có thành phần tích hợp, extensions, plugins cung cấp khả mở rộng chức năng, giao diện hệ thống khiến cho tảng phần mềm nguồn mở ngày trở nên mạnh mẽ đa dạng Ngoài tạo nhiều hội cho nhà phát triển website mang lại doanh thu lớn tạo thêm nhiều hội việc làm Hiện việc sử dụng chức đồ mang lại nhiều lợi ích hiệu cho nhiều nhóm nghành thương mại điện tử, giáo dục, địa chính, y tế, nghiên cứu địa lý… nên việc xây dựng plugin cho phép người sử dụng dễ dàng tạo quản lý đồ cần thiết Đề tài kết trình tích lũy vận dụng kiến thức mà em tiếp thu tìm hiểu trình học tập Trong trình thực đề tài em xin cám ơn thầy giáo Th.S Nguyễn Quang Hiệp đưa giải pháp hướng để phát triển plugin tương lai Em xin gửi tới thầy lời cảm ơn chân thành Mặc dù cố gắng trình nghiên cứu làm đề tài nhiều hạn chế thời gian trình độ nên đề tài em không tránh khỏi thiếu sót , nhiều vấn đề chưa giải hoàn chỉnh Vì em mong nhận ý kiến đóng góp thầy cô bạn để đề tài em hoàn thiện phát triển Em xin chân thành cảm ơn! CHƯƠNG I : CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu PHP PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") ngôn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngôn ngữ lập trình web phổ biến giới Đoạn mã sau minh họa giúp cách viết PHP lồng vào trang HTML dễ dàng nào: Mã mẫu Thẻ đánh đấu bắt đầu kết thúc phần mã PHP qua máy chủ biết để xử lý dịch mã cho Đây điểm tiện lợi PHP giúp cho việc viết mã PHP trở nên trực quan dễ dàng việc xây dựng phần giao diện ứng dụng HTTP Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., công ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô xí nghiệp 1.1.1 Lịch sử phát triển PHP PHP phát triển từ sản phẩm có tên PHP/FI PHP/FI Rasmus Lerdorf tạo năm 1995, ban đầu xem tập đơn giản mã kịch Perl để theo dõi tình hình truy cập đến sơ yếu lý lịch ông mạng Ông đặt tên cho mã kịch 'Personal Home Page Tools' Khi cần đến chức rộng hơn, Rasmus viết thực thi C lớn để truy vấn tới sở liệu giúp cho người sử dụng phát triển ứng dụng web đơn giản Rasmus định công bố mã nguồn PHP/FI cho người xem, sử dụng sửa lỗi có đồng thời cải tiến mã nguồn PHP/FI, viết tắt từ "Personal Home Page/Forms Interpreter", bao gồm số chức cho PHP ta biết đến chúng ngày Nó có biến kiểu Perl, thông dịch tự động biến form cú pháp HTML nhúng Cú pháp giống Perl, hạn chế nhiều, đơn giản có phần thiếu quán Vào năm 1997, PHP/FI 2.0, lần viết lại thứ hai phiên C, thu hút hàng ngàn người sử dụng toàn giới với xấp xỉ 50.000 tên miền ghi nhận có cài đặt nó, chiếm khoảng 1% số tên miền có mạng Internet Tuy có tới hàng nghìn người tham gia đóng góp vào việc tu chỉnh mã nguồn dự án vào thời chủ yếu dự án người PHP/FI 2.0 thức công bố vào tháng 11 năm 1997, sau thời gian dài công bố dạng beta Nhưng không lâu sau đó, thay alpha PHP 3.0 PHP PHP 3.0 phiên cho thấy hình ảnh gần gũi với phiên PHP mà biết ngày Nó Andi Gutmans Zeev Suraski – nhà phát triển người Israel tạo năm 1997 sau viết lại hoàn toàn mã nguồn trước Lý mà họ tạo phiên nhận họ thấy PHP/FI 2.0 yếu việc phát triển ứng dụng thương mại điện tử mà họ xúc tiến dự án trường đại học Technion – Học viện công nghệ Israel Trong nỗ lực hợp tác bắt đầu xây dựng dựa sở người dùng có PHP/FI, Andi, Rasmus Zeev định hợp tác công bố PHP 3.0 phiên hệ PHP/FI 2.0, chấm dứt phát triển PHP/FI 2.0 Một sức mạnh lớn PHP 3.0 tính mở rộng mạnh mẽ Ngoài khả cung cấp cho người dùng cuối sở hạ tầng chặt chẽ dùng cho nhiều sở liệu, giao thức API khác nhau, tính mở rộng PHP 3.0 thu hút nhiều nhà phát triển tham gia đề xuất mô đun mở rộng Hoàn toàn kết luận điểm mấu chốt dẫn đến thành công vang dội PHP 3.0 Các tính khác giới thiệu PHP 3.0 gồm có hỗ trợ cú pháp hướng đối tượng nhiều cú pháp ngôn ngữ quán khác Ngôn ngữ hoàn toàn công bố tên mới, xóa bỏ mối liên hệ với việc sử dụng vào mục đích cá nhân hạn hẹp mà tên PHP/FI 2.0 gợi nhắc Nó đặt tên ngắn gọn 'PHP', kiểu viết tắt hồi quy "PHP: Hypertext Preprocessor" Vào cuối năm 1998, PHP phát triển số cài đặt lên tới hàng chục ngàn người sử dụng hàng chục ngàn Web site báo cáo cài Vào thời kì đỉnh cao, PHP 3.0 cài đặt cho xấp xỉ 10% số máy chủ Web có mạng Internet PHP 3.0 thức công bố vào tháng năm 1998, sau thời gian tháng cộng đồng kiểm nghiệm PHP Vào mùa đông năm 1998, sau PHP 3.0 thức công bố, Andi Gutmans Zeev Suraski bắt đầu bắt tay vào việc viết lại phần lõi PHP Mục đích thiết kế nhằm cải tiến tốc độ xử lý ứng dụng phức tạp, cải tiến tính mô đun sở mã PHP Những ứng dụng chạy PHP 3.0 dựa tính hỗ trợ nhiều sở liệu API bên thứ ba, PHP 3.0 không thiết kế để xử lý ứng dụng phức tạp cách có hiệu Một động mới, có tên 'Zend Engine' (ghép từ chữ đầu tên Zeev Andi), đáp ứng nhu cầu thiết kế cách thành công, lần giới thiệu vào năm 1999 Họ sáng lập Zend Technologies Ramat Gan – thành phố khu vực Tel Avis PHP 4.0, dựa động này, kèm với hàng loạt tính bổ sung, thức công bố vào tháng năm 2000, gần năm sau PHP 3.0 đời Ngoài tốc độ xử lý cải thiện nhiều, PHP 4.0 đem đến tính chủ yếu khác gồm có hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật cung cấp vài cấu trúc ngôn ngữ Với PHP 4, số nhà phát triển dùng PHP lên đến hàng trăm nghìn hàng triệu site công bố cài đặt PHP, chiếm khoảng 20% số tên miền mạng Internet Nhóm phát triển PHP lên tới số hàng nghìn người nhiều nghìn người khác tham gia vào dự án có liên quan đến PHP PEAR, PECL tài liệu kĩ thuật cho PHP PHP Sự thành công to lớn PHP 4.0 không làm cho nhóm phát triển PHP tự mãn Cộng đồng nhanh chóng giúp họ nhận yếu PHP đặc biệt với khả hỗ trợ lập trình hướng đối tượng (OOP), xử lý XML, không hỗ trợ giao thức máy khách MySQL 4.1 5.0, hỗ trợ dịch vụ web yếu Những điểm mục đích để Zeev Andi viết Zend Engine 2.0, lõi PHP 5.0 Một thảo luận Slashdot cho thấy việc phát triển PHP 5.0 bắt đầu vào thời điểm tháng 12 năm 2002 vấn Zeev liên quan đến phiên có mặt mạng Internet vào khoảng tháng năm 2002 Ngày 29 tháng năm 2003, PHP Beta thức công bố để cộng đồng kiểm nghiệm Đó phiên Zend Engine 2.0 Phiên Beta sau mắt vào tháng 10 năm 2003 với xuất hai tính chờ đợi: Iterators, Reflection namespaces tính gây tranh cãi khác bị loại khỏi mã nguồn Ngày 21 tháng 12 năm 2003: PHP Beta công bố để kiểm tra với việc phân phối kèm với Tidy, bỏ hỗ trợ Windows 95, khả gọi hàm PHP bên XSLT, sửa chữa nhiều lỗi thêm nhiều hàm PHP thức mắt ngày 13 tháng năm 2004 sau chuỗi dài kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3 Mặc dù coi phiên sản xuất PHP 5.0 số lỗi đáng kể lỗi xác thực HTTP Ngày 14 tháng năm 2005, PHP 5.1 Beta PHP Team công bố đánh dấu chín muồi PHP với có mặt PDO, nỗ lực việc tạo hệ thống API quán việc truy cập sở liệu thực câu truy vấn Ngoài ra, PHP 5.1, nhà phát triển PHP tiếp tục có cải tiến nhân Zend Engine 2, nâng cấp mô đun PCRE lên PCRE 5.0 tính cải tiến SOAP, streams SPL.\ 1.1.2 Tại ta sử dụng ngôn ngữ lập trình PHP? PHP ngôn ngữ lập trình Ngôn ngữ hoạt động cận kề với Webserver để thông dịch yêu cầu từ World Wide Web, sau nhận trả lời từ Webserver chuyển tải đến trình duyệt Web nhằm đáp ứng nhu cầu Các đặc điểm bật:  PHP mã nguồn mở  Tốc độ nhanh, dễ sử dụng  Chạy nhiều hệ điều hành  Truy cập loại CSDL  Luôn cải tiến cập nhật  Tương thích với hầu hết server sử dụng Apache, IIS… 1.2 Tìm hiểu MYSQL MySQL hệ quản trị sở liệu đa luồng, đa người dùng với ước tính có khoảng triệu lượt cài đặt Công ty MySQL AB xây dựng MySQL phần mềm mã mở giấy phép GNU/GPL Không dự án Apache, phần mềm phát triển cộng đồng công cộng, quyền mã nguồn thuộc sở hữu nhiều tác giả riêng lẻ MySQL sở hữu bảo trợ công ty, công ty MySQL AB – công ty Thụy Điển, nơi giữ quyền cho toàn mã nguồn Công ty phát triển trì hệ thống, hỗ trợ bán hàng dịch vụ MySQL AB sáng lập David Axmark, Allan Larsson, Michael “Monty” Widenius MySQL hệ quản trị sở liệu phổ biến nhà phát triển ưa chuộng việc phát triển ứng dụng Không dừng lại ứng dụng có tầm vừa nhỏ Mà ứng dụng có tầm cỡ lớn lựa chọn MySQL, ví dụ như: 10 Giao diện street view 3.3 Giao diện quản trị Trang quản lý map 56 Trang thêm map Trang export import liệu map 3.4 Hướng dẫn sử dụng  Quản lý map Tại menu bên trái, click vào Flex Map > All Maps (1) để truy cập vào trang Nhìn uống phía banner, bạn nhìn thấy tùy chọn (2) list map khác (3) 57 Trang quản lý map Ở tùy chọn (2), bạn tạo map mới, sửa map xóa map (Nút sửa nút xóa lên bạn select map (3))  Cách thêm map Chuyển tới Flex Map > Map Post Ở trang Map Post bao gồm Options Panel (1) phía bên trái, khung Live Preview (2) phía bên phải nút SAVE MAP (3) phía bên khung preview 58 Chúng ta dễ dàng tùy chỉnh map phần Options Panel nhìn thấy map thay đổi khung Live Preview Phần Options Panel bao gồm tùy chỉnh General, Markers, Draw, Styles  General Bao gồm nhiều tùy chỉnh tổng quan cho map tên map, kích thước khung map, map control, tùy chọn địa điểm mặc định o Map Name: Tên map, sử dụng để quản lý map dễ dàng o Short Code: Dùng để nhúng map vào đâu mà bạn muốn hiển thị o Extra Class: Nếu bạn muốn styles thêm tùy chỉnh xử lý cho khung map, người dùng việc điền text vào xử lý theo tên text mà 59 người dùng điền Sử dụng dấu cách để phân cách tên class với Ví dụ, trường hợp muốn thêm class blue-border, fade-out and full-width: "blue-border fade-out full-width" o Map Layout: Chính kích thước khung map hiển thị bên front-end Người dùng tùy chọn kích thước chọn Auto Responsive để khung map tự động tùy chỉnh khung map cho phù hợp với kích thước thiết bị hiển thị Ở chế độ này, người dùng chọn giá trị phần trăn với Width pixel với Height o Width, Height: Kích thước cố định khung hiển thị map o Map Type: Là giao diện đồ Google API cung cấp cho dạng đồ o Search Box: Thanh tìm kiếm trả địa điểm tập địa điểm có liên quan đến nội dung tìm kiếm o Zoom: Mức độ phóng to đồ, mức độ người dùng nhìn thấy toàn giới o Map Legend: Là slide thích marker bên dưới, marker có biểu tượng, tiêu đề nội dung marker Khi hover lên marker Map Legend marker đồ tương ứng set hiệu ứng nhảy o Draggable All Devices: Quyêt định cho việc drag map hay không o Draggable Mobile: Giống Draggable All Devices chức có hiệu lực mobile o Scroll Wheel: Tắt chức Zoom người dùng scroll lên khung map o Double Click Zoom: Tắt chức click đúp vào map để phóng to Default UI: Chọn giao diện control mặc định map Markers o  o Danh sách tổng hợp markers 60 Nút để thêm marker Bảng liệt kê tất marker thêm Cột Icon biểu tượng đặc trưng marker Cột Title bao gồm tiêu đề marker Cột Time Out mức thời gian marker tính từ cửa sổ cuộn đến vị trí khung map Bao gồm nút tùy chỉnh View marker, Edit marker, Delete marker o Thêm marker 61 Latitude, Longitude: Tọa độ địa lý Người dùng sử dụng tọa độ mà họ có lấy cách click trực tiếp vào Live Previde Title: Tên markers Set Time Out: Khoảng thời gian định xuất marker đồ Marker Icon: Biểu tượng marker Effect: Google API cung cấp cho dạng: BOUNCE and DROP 62 Description: Phần nội dung marker hiển thị bên bên đầu marker sau click vào marker  Draw o Danh sách vẽ Add Shape: Nút cho phép người dùng vẽ polyline polygon Add Circle: Nút cho phép bạn vẽ hình tròn Add Rectangle: Nút cho phép bạn vẽ hình đa giác Bảng tổng hợp lớp vẽ Icon biểu tượng cho loại hình vẽ Phần tùy chỉnh bao gồm nút View, Edit, Delete o Vẽ hình tứ giác, đường thẳng hình tròn 63 Các panel vẽ loại hình học giống Chỉ có phần Add Shap, phần Fill Color hiển thị người dùng nối điểm đầu vào điểm cuối đường thẳng (Polyline chuyển sang dạng polygon) Title: Tiêu đề hình vẽ Stroke Color: Màu viền hình vẽ 64 Fill Color: Màu bên hình vẽ Stroke Weight: Độ lớn viền hình vẽ  Styles o My Styles Áp dụng chủ đề mặc định Xóa chủ đề sử dụng Chuyển sang trang tải chủ đề o My Styles 65 Áp dụng tải chủ đề vào My Styles Lưu vào My Styles mà không set chủ đề mặc định Điều hướng vào trang Download Style Phân trang Quay trở trang My Styles 66 KẾT LUẬN Xây dựng plugins chủ đề mẻ, môi trường plugins cần có bước phát triển mạnh mẽ cần nhiều plugin để phục vụ nhu cầu người dùng Một nhà phát triển extensions thành công phát triển chủ đề làm vừa lòng sản phẩm họ phù hợp với yêu cầu tất người, nhiều nhà phát triển khác dựa vào điểm yếu xây dựng extensions, plugins dựa điểm yếu tính ngách mà sản phẩm trước chưa có nhằm đóng góp đa dạng hệ thống plugin Cũng lý mà em thực đề tài Trong thời gian ngắn, em vừa tìm hiểu kĩ thuật, tìm hiểu ngôn ngữ, nên chắn nhiều thiếu sót Nhưng thời gian tới, em cập nhật hoàn thiện sản phẩm phát triển lớn tương lai Trước mắt plugin xây dựng bước đầu mở rộng để phục vụ nhiều chuyên nghành đối tượng người dùng tương lai Đã đạt lượng doanh thu định không nhiều động lực để phát triển bước lớn thời gian tới Em xin chân thành cảm ơn thầy anh Vi Anh Tú, công ty EXP hướng dẫn giúp đỡ em hoàn thành đề tài Định hướng phát triển 67 - Tối ưu giao diện người dùng - Phát triển hệ thống quán lý hang nghìn markers cách dễ dàng - Phát triển thêm tính phục vụ sâu vào chuyên nghành địa chính, du lịch, giáo dục - Tăng doanh thu cho plugin 68 TÀI LIỆU THAM KHẢO [1] http://giaotrinhcntt.com ( Tài liệu tham khảo ngôn ngữ lập trình PHP & MySQL) [2] http://www.php.net/ [3] http://www.w3.org/ [4] http://Wordpress.org [5] http://jquery.com/ [6] http://maps.google.com/ 69 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ……………………………………………………………………………………… … ………………………………………………………………………………… ……… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………… Thái nguyên, ngày tháng 11 năm 2016 ( Kí ghi rõ họ tên ) 70 ... API’s cách sử dụng OAuth danh nghĩa ứng dụng web thay người dùng Tức sử dụng chứng tài khoản dịch vụ ứng dụng để chứng thực Trước tạo request truy cập API, cần phải có access token cách sử dụng. .. thiện recovery toàn thời điểm Sự phát triển ứng dụng hỗn hợp Một số lý khiến cho MySQL sở liệu mã nguồn mở phổ biến giới cung cấp hỗ trợ hỗn hợp cho phát triển ứng dụng cần Trong sở liệu, hỗ trợ... dụng dịch vụ đồ website A (gọi Map API) nhúng vào website (site B) Site A google map, site B website cá nhân tổ chức muốn sử dụng dịch vụ google (di chuột, room, đánh dấu đồ ) Các ứng dụng xây dựng