TỔNG QUAN VỀ ĐỀ TÀI
Tên đề tài
“Xây dựng website bán hoa trực tuyến bằng ngôn ngữ Java”.
Nội dung đề tài
Xây dựng một trang web cung cấp thông tin chi tiết về các loài hoa và ý nghĩa của từng loại, giúp người dùng dễ dàng tham khảo và lựa chọn mua những sản phẩm phù hợp để tặng cho những người thân yêu.
Lý do chọn đề tài
Công nghệ thông tin ngày nay đóng vai trò quan trọng, là động lực thúc đẩy tăng trưởng kinh tế và đổi mới toàn cầu Ứng dụng rộng rãi trong nhiều lĩnh vực, công nghệ thông tin trở thành yếu tố thiết yếu cho phát triển kinh tế - xã hội và an ninh - quốc phòng Việc tăng cường ứng dụng công nghệ thông tin sẽ cải thiện tác phong làm việc, nâng cao năng suất lao động và dân trí.
Trong bối cảnh cạnh tranh kinh doanh ngày càng gay gắt, các công ty lớn đang chú trọng đến việc nâng cao sự hài lòng của khách hàng Thương mại điện tử nổi bật với chi phí thấp và hiệu quả cao hơn so với kinh doanh truyền thống Lợi thế từ công nghệ Internet giúp truyền tải thông tin sản phẩm nhanh chóng và tiện lợi Kết hợp với dịch vụ giao hàng tận nơi và các phương thức thanh toán qua bưu điện và ngân hàng, thương mại điện tử ngày càng phát triển Đáp ứng nhu cầu của người tiêu dùng, nhiều website thương mại điện tử đã ra đời, cho phép khách hàng dễ dàng đặt mua các mặt hàng cần thiết.
Với sự phát triển của các website bán hàng trực tuyến, người tiêu dùng có thể dễ dàng mua sắm mọi mặt hàng mọi lúc, mọi nơi mà không cần phải đến cửa hàng Mặc dù có nhiều trang web thương mại điện tử trên thế giới, nhưng khái niệm thương mại điện tử vẫn chưa được phổ biến rộng rãi Trước thực trạng này, tôi đã quyết định chọn đề tài “Xây dựng website bán hoa trực tuyến bằng ngôn ngữ Java” cho đồ án tốt nghiệp của mình.
Mục đích, ý nghĩa của đề tài
Khảo sát hệ thống thông tin “Thương mại điện tử” cho thấy rằng việc bán hàng yêu cầu tư duy kinh doanh và khả năng nắm bắt thị trường Cửa hàng trực tuyến cho phép khách hàng mua sắm từ xa, không cần nhiều nhân viên, chỉ với vài cú click chuột, họ có thể tìm thấy sản phẩm mình cần ngay tại nhà hoặc nơi làm việc.
Shop hoa online ra đời để giới thiệu sản phẩm và ý nghĩa của các loài hoa, giúp khách hàng dễ dàng tìm hiểu và chọn mua những mặt hàng yêu thích Tình yêu với hoa là một tình cảm đẹp, mang lại sự bình yên và niềm vui trong cuộc sống Hoa không chỉ là món quà biểu trưng cho tình cảm, mà còn là liều thuốc tinh thần, làm cho cuộc sống thêm tươi đẹp Tại Shop hoa online, bạn có thể lựa chọn những sản phẩm hoa đẹp để gửi tặng người thân yêu kèm theo những lời nhắn nhủ chân thành.
Giới hạn và phạm vi nghiên cứu
Trong bối cảnh thương mại điện tử ngày càng phát triển, việc xây dựng trang web ứng dụng bán hoa trực tuyến đã mang lại nhiều lợi ích đáng kể Trang web này không chỉ giúp người tiêu dùng dễ dàng tiếp cận và đặt hàng hoa mà còn mở rộng thị trường cho các doanh nghiệp Sự tiện lợi và nhanh chóng của việc mua sắm trực tuyến đã thúc đẩy sự phát triển của ngành hoa, đồng thời tạo ra cơ hội cho các cửa hàng nhỏ lẻ gia tăng doanh thu và xây dựng thương hiệu mạnh mẽ hơn.
- Đ tốn nhiều thời gian cho người tiêu dùng cũng như nhà quản lý trong việc tham gia vào hoạt động mua bán
- Giúp người mua có được giá cả và hình ảnh mặt hàng một cách chính xác
- Giúp nhà quản lý có thể thống kê các sản phẩm bán chạy một cách nhanh nhất giúp cho hoạt động kinh doanh của mình trở nên tốt hơn.
Ý nghĩa thực tiễn của đề tài
6.1 Đối với người sử dụng website
- Có thể tra cứu, cập nhật thông tin sản phẩm nhanh chóng, đầy đủ
- Mua hàng dễ dàng, nhanh chóng, ít tốn kém, hàng hóa chất lƣợng và nhận đƣợc sụ phục vụ nhiệt tình của nhân viên website
6.2 Đối với cá nhân sinh viên
Tạo một website đơn giản và hiệu quả giúp quản lý bán hàng tốt hơn so với phương pháp thủ công Điều này không chỉ nâng cao khả năng lập trình của bạn mà còn giúp bạn tiếp nhận nhiều kiến thức quan trọng, góp phần hoàn thành đồ án tốt nghiệp một cách xuất sắc.
Tính năng kĩ thuật
Website được thiết kế theo hướng mở, có thể nâng cấp và cập nhật thêm các tính năng mới khi có nhu cầu
Hỗ trợ sử dụng tiếng việt theo đúng chuẩn Unicode
Tương thích với các loại trình duyệt Internet như Google Chome, Mozilla Firefox, và Internet Explorer…
Hiện thị trên mọi giao diện nhƣ mobile, Ipad…
Chúng tôi áp dụng các công nghệ phát triển web tiên tiến nhất, kết hợp với các công cụ phổ biến như Photoshop, HTML, CSS, jQuery và JavaScript, đồng thời phát triển trên mô hình MVC của Java Điều này giúp tạo ra một website với giao diện sống động, hiện đại và thu hút người dùng thông qua các hiệu ứng nổi bật.
Lựa chọn công cụ cài đặt và ngôn ngữ lập trình
Các công cụ đƣợc sử dụng trong đồ án:
Các công cụ và phần mềm sử dụng để lập trình và chạy ngôn ngữ java web
Bao gồm: JDE (Java Developer Eclipse), Apache Tomcat, JDBC (Java Database Connectivity), Hệ quản trị cơ sở dữ liệu SQL 2012
Để đạt được hiệu quả cao trong lập trình, ngoài việc trang bị các công cụ cần thiết, bạn cần có kiến thức vững vàng về Java core, Java web, mô hình MVC, cũng như các ngôn ngữ và công nghệ liên quan như SQL, HTML, CSS, JavaScript và AJAX.
Trang web sử dụng thêm các công nghệ: API Google Map, Web Service, Jquery, javascrip
8.2 Mô hình MVC (Model – view - controller)
Model-view-controller (MVC) là một mô hình kiến trúc phần mềm chủ yếu được sử dụng để phát triển giao diện người dùng, nhưng cũng có thể áp dụng cho các ứng dụng khác MVC chia ứng dụng thành ba thành phần liên kết: Model, View và Controller, giúp phân biệt giữa dữ liệu nội bộ và cách thức trình bày thông tin cho người dùng Sự phân chia này giúp cải thiện khả năng bảo trì và mở rộng ứng dụng.
8.3 Tìm hiểu và cài đặt các công cụ
Các công cụ liên quan đến ngôn ngữ Java Web:
Eclipse là một môi trường phát triển tích hợp (IDE) cho Java, ban đầu được phát triển bởi IBM và hiện nay do tổ chức Eclipse duy trì Ngoài việc hỗ trợ Java, Eclipse còn có khả năng làm việc với nhiều ngôn ngữ lập trình khác như PHP, C, C++, C#, Python, HTML, XML và JavaScript thông qua các trình bổ sung.
JDE có thể đƣợc tải về và cài đặt tại trang chủ: https://www.eclipse.org
Apache Tomcat, commonly referred to as Tomcat, is an open-source web server developed by the Apache Software Foundation (ASF) It implements several Java EE technologies, including Java Servlet, JavaServer Pages (JSP), Java Expression Language (EL), and WebSocket, providing a robust platform for Java-based web applications.
“Java thuần túy” làm môi trường web để chạy code trong Java
Apache Tomcat có thể đƣợc tải về và cài đặt tại trang chủ:http://tomcat.apache.org
Java Database Connectivity (JDBC) là một API cho ngôn ngữ lập trình Java, cho phép khách hàng truy cập cơ sở dữ liệu JDBC là một phần của nền tảng Java Standard Edition do Oracle cung cấp.
Nó cung cấp phương pháp truy vấn và cập nhật dữ liệu trong một cơ sở dữ liệu, và được hướng về cơ sở dữ liệu quan hệ
JDBC-to-ODBC là một cầu nối cho phép kết nối với các nguồn dữ liệu ODBC từ môi trường máy ảo Java (JVM) Trong đồ án này, hệ quản trị cơ sở dữ liệu sử dụng là SQL Server, do đó JDBC được sử dụng là JDBC dành cho SQL Server Bạn có thể tải về và cài đặt JDBC của SQL Server tại trang web: https://msdn.microsoft.com/en-us/sqlserver/aa937724.aspx.
+ Hệ quản trị SQL Server
SQL (Ngôn ngữ truy vấn có cấu trúc) là ngôn ngữ lập trình chuyên biệt được phát triển để quản lý dữ liệu trong hệ thống quản lý cơ sở dữ liệu quan hệ (RDBMS) và xử lý dòng dữ liệu trong các hệ thống quản lý luồng dữ liệu.
Microsoft SQL Server là một hệ thống quản lý cơ sở dữ liệu quan hệ do Microsoft phát triển Là một máy chủ cơ sở dữ liệu, sản phẩm này chủ yếu phục vụ chức năng lưu trữ và truy xuất dữ liệu theo yêu cầu của nhiều ứng dụng khác nhau.
SQL Server có thể đƣợc tải về và cài đặt tại trang: https://www.microsoft.com/en- us/server-cloud/products/sql-server.
KHẢO SÁT WEBSITE BÁN HOA ONLINE
Khảo sát website
1.1 Khảo sát website http://flowerbox.vn
Các thể hiện CSDL đƣợc dùng
-Cung cấp hoa các loại
-Cung cấp những bài học ý nghĩa về hoa và những người mẹ nhằm giáo dục tốt hơn cho những người con yêu
-Không dừng lại ở việc cung cấp hoa mà cửa hàng còn muốn tạo thêm việc làm cho nhiều người bằng việc mở rộng kinh doanh
Catalog điện tử Chứa toàn bộ các danh mục hoa theo các chủ đề khác nhau
Gi hàng Lưu các lựa chọn các khách hàng về sản phẩm vào trong gi hàng ảo
Hỗ trợ online Qua điện thoại, yahoo, email
CSDL hỗ trợ khách hàng
Tìm kiếm Tìm kiếm theo từ khóa
CSDL về thông tin hoa
Hướng d n Hướng d n mua hàng, phương thức thanh toán và giao nhận vận chuyển
Tin tức Tổng hợp nhiều tin tức ở nhiều lĩnh vực
CSDL lưu trữ tin tức tổng hợp
Tuyển dụng Mở rộng kinh doanh
1.2 Khảo sát website http://thegioihoaviet.com
Chức năng hệ thống Các thể hiện CSDL đƣợc dùng
-Mang đến cho khách hàng dịch vụ tốt nhất, những đóa hoa tươi nhất
-Có các khuyến mãi với các ngày lễ, ngày
-Cung cấp các dịch vụ tƣ vấn, giao hàng… để
Catalog điện tử Chứa toàn bộ các danh mục hoa theo các chủ đề khác nhau
Gi hàng Lưu các lựa chọn của khách hàng về sản phẩm vào trong gi hàng ảo
Hỗ trợ online Qua điện thoại, yahoo, email
CSDL hỗ trợ khách hàng
Tìm kiếm Tìm kiếm theo từ khóa CSDL về thông tin hoa
Hướng d n Hướng d n mua hàng, phương thức thanh toán và giao nhận vận chuyển
Tin tức Tổng hợp nhiều tin ở nhiều lĩnh vực
CSDL lưu trữ tin tức tổng hợp
H i đáp List danh sách các câu h i thường gặp
CSDL hỗ trợ khách hàng
Liên hệ và góp ý Khách hàng điền đầy đủ thông tin vào form có sẵn và gửi ý kiến đến website
CSDL hỗ trợ khách hàng
Các thông tin khuyến mãi với các dịp lễ Tết khác nhau
1.3 Khảo sát website http://www.hoatuoi24h.net
Chức năng hệ thống Các thể hiện CSDL đƣợc dùng
-Giúp khách hàng chọn mua hàng dễ nhất và nhanh nhất: qua yahoo,email, điện thoại…
-Giữ bí mật thông tin cá nhân cho khách hàng
Catalog điện tử Chứa toàn bộ các doanh mục hoa theo các chủ đề khác nhau
Gi hàng Lưu các lựa chọn của khách hàng về sản phẩm vào trong gi hàng ảo
Hỗ trợ online Qua điện thoại, yahoo, email
CSDL hỗ trợ khách hàng
Tìm kiếm Tìm kiếm theo từ khóa
CSDL về thông tin hoa
Hướng d n Hướng d n mua hàng, phương thức thanh toán và giao nhận vận chuyển
Sản phẩm độc đáo List các hình ảnh về các sản phẩm độc đáo nhất của cửa hàng
CSDL về thông tin hoa
1.4 Khảo sát website http://nancy.vn
Các thể hiện CSDL đƣợc dùng
-Xây dựng các chuỗi hệ thống shop hoa tại Việt
Nam nhằm đáp ứng tốt nhất các nhu cầu của khách hàng
-Mở các lớp đào tạo những học viên có tay nghề chuyên môn vững vàng
-Cung cấp các dịch vụ tiện ích nhất đến khách hàng của mình
-Hỗ trợ việc mua bán, vận chuyển nhƣ giao hàng tận nhà
Catalog điện tử Chứa toàn bộ các danh mục hoa theo các chủ đề khác nhau
Gi hàng Lưu các lựa chọn của khách hàng ảo
CSDL hỗ trợ khách hàng
Hỗ trợ online Qua điện thoại, yahoo, email CSDL hỗ trợ khách hàng
Tìm kiếm Tìm kiếm theo từ khóa CSDL về thông tin hoa Hướng d n Hướng d n mua hàng, phương thức thanh toán và giao nhận vận chuyển
Hiển thị hoa VIP Danh sách các bó hoa đặc biệt nhất
CSDL về thông tin hoa
Danh sách hoa bán chạy nhất
List các loại hoa đƣợc bán nhiều nhất
Tin tức Gồm các tin tức về hoa và những sự kiện liên quan
Liên hệ và góp ý Khách hàng điền đầy đủ thông tin vào form có sẵn và gửi ý kiến đến website
CSDL hỗ trợ khách hàng Đào tạo Thông tin những khóa học đào tạo cắm hoa ngắn và dài hạn
Tài khoản cá nhân Để khách hàng nhận đƣợc những khuyến mãi đặc biệt của cửa
CSDL về tài khoản cá nhân hàng
Kết luận sau khảo sát
Từ việc khảo sát 4 trang web tương tự trên thì ta thấy để làm được một website bán hoa phải đạt đƣợc những mục tiêu sau:
- Khách hàng có thể xem, mua bất cứ sản phẩm nào trong kho
- Có hướng d n cụ thể về mua hàng, phương thức thanh toán và giao nhận vận chuyển hàng
- Giao diện thân thiện và dễ sử dụng
- Có hỗ trợ online để khách hàng có thể trao đổi trực tiếp các thông tin thắc mắc
- Có sự phân loại các sản phẩm theo danh mục và quản lý có thể thay đổi đƣợc
- Giới thiệu sản phẩm qua Catalog
- Các sản phẩm đều đƣợc mô tả chi tiết, luôn đƣợc cập nhật mới nhất và phong phú nhất
- Có ô tìm kiếm để có thể tìm kiếm mặt hàng nhanh nhất.
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG WEBSITE
Cơ sở
1.1 Xác định tác nhân ngoài và hồ sơ dữ liệu
Danh từ Xác định tác nhân ngoài và hồ sơ dữ liệu
Khách hàng Tác nhân ngoài
Ban lãnh đạo Tác nhân ngoài
Quản trị viên Người dùng hệ thống
Tài khoản admin Hồ sơ dữ liệu Đơn hàng Hồ sơ dữ liệu
1.2 Các biểu tƣợng, hình vẽ và kí hiệu sử dụng trong Phân tích thiết kế hệ thống
-Chức năng xử lý(Process)
-Luồng dữ liệu(Data Flow) Nhãn
-Kho dữ liệu( Data Store) Kho DL
-Tác nhân ngoài(External Entities)
Biểu đồ use case và chức năng của hệ thống
Biểu đồ usecase của hệ thống website
2.2 Chức năng của hệ thống
2.2.1 Nhóm chức năng quản lý công việc
Các chức năng Nhóm chức năng Nhóm chức năng Gộp nhóm chức năng
Khách hàng Quản lý khách hàng
Quản lý bán hoa online
2.3 Kiểm tra hàng trong kho
3.1 Cập nhật ý kiến phản hồi
3.2 Phản hồi ý kiến khách hàng
4.1 Cập nhật tài khoản admin
2.2.2 Sơ đồ phân cấp chức năng nghiệp vụ
Sơ đồ phân cấp chức năng
2.2.3 Mô tả chức năng lá
Khách hàng truy cập vào website để xem hàng, đọc tin tức, xem ý nghĩa hoa và tiến hàng mua hàng một cách dễ dàng
Chức năng tìm kiếm trên website giúp khách hàng dễ dàng truy cập và tìm kiếm sản phẩm thông qua cơ sở dữ liệu Hệ thống sẽ trả về tất cả kết quả liên quan đến yêu cầu tìm kiếm của khách hàng.
Khách hàng truy cập vào website có thể chọn mua bất kỳ sản phẩm nào đó bằng cách thêm vào gi hàng
Sau khi tiến hành lập đơn hàng xong, khách hàng đƣợc quyền chọn hình thức thanh toán
Khi nhận được yêu cầu từ nhà quản lý về việc thêm, xóa hoặc sửa đổi thông tin sản phẩm, quản trị viên cần nhanh chóng cập nhật các thay đổi này vào cơ sở dữ liệu SẢN PHẨM.
Tiếp nhận các đơn hàng hợp lệ từ khách hàng, bao gồm đơn hàng có sẵn hàng hóa và đầy đủ thông tin về khách hàng cũng như thời gian giao hàng.
-Kiểm tra hàng trong kho:
Một trong những thao tác của nhân viên bán hàng nhằm đảm bảo những đơn hàng của khách sẽ đƣợc đáp ứng nhu cầu(số lƣợng)
Quản trị viên sẽ lấy thông tin dữ liệu từ ĐƠN HÀNG, SẢN PHẨM để tiến hành xử lý đơn hàng cho khách
-Cập nhật ý kiến phản hồi:
Mỗi mục quảng cáo, tin tức và danh mục sản phẩm đều nhận được ý kiến, đóng góp và yêu cầu tư vấn từ khách hàng, giúp cửa hàng tăng cường giao tiếp và tương tác hiệu quả với người tiêu dùng.
-Phản hồi ý kiến khách hàng:
Mọi thắc mắc của khách hàng sẽ đƣợc nhân viên hỗ trợ trực tuyến trả lời, giải đáp
*Quản lý tài khoản admin
-Quản lý thông tin tài khoản admin:
Những cập nhật thông tin admin để cửa hàng có thể quản lý nhân viên hiệu quả.
Sơ đồ luồng dữ liệu
3.1 Sơ đồ ngữ cảnh của hệ thống
Sơ đồ ngữ cảnh hệ thống
3.2 Sơ đồ luồng dữ liệu mức đỉnh
Yêu cầu Tin tức Quảng cáo
Xác nhận Đơn hàng thông tin Hàng hóa
Sản phẩm Đơn hàng Đơn hàng
Sơ đồ luồng dữ liệu mức đỉnh
Quản lý hệ thống Khách hàng
3.3 Sơ đồ luồng dữ liệu mức dưới đỉnh
Xác thực Điền thông tin Thêm vào gi hàng
Trả Gửi lời Sản phẩm thông tin Đơn hàng
Gửi thông tin đơn hàng
Kiểm tra hàng trong Xử lý hóa đơn
Gửi thông tin phản hồi Phản hổi Câu h i
Cập nhật ý kiến phản hồi
Phản hổi ý kiến khách hàng
Thiết kế cơ sở dữ liệu
4.2 Thiết kế cơ sở dữ liệu logic
Mỗi sản phẩm trong hệ thống được xác định bởi các thông tin quan trọng như mã sản phẩm (maSanPham), tên sản phẩm (tenSanPham), hình ảnh (hinhAnh), đơn giá tham khảo (donGiaThamKhao), số lượt đánh giá (danhGia), mô tả (moTa) và ghi chú (ghiChu).
- Thực thể danh mục sản phẩm: Gồm có mã danh mục(maDanhMuc), mã sản phẩm(maSanPham)
- Thực thể danh mục: Gồm có mã danh mục(maDanhMuc), tên danh mục(tenDanhMuc), danh mục cha(danhMucCha)
Thực thể sản phẩm khuyến mãi bao gồm các thành phần quan trọng như mã sản phẩm khuyến mãi (maKM), mã sản phẩm được khuyến mãi (maSanPham), ngày bắt đầu (ngayBatDau), ngày kết thúc (ngayKetThuc), mức giảm giá (giamGia) và ghi chú (ghiChu).
Mỗi đơn hàng đều có một mã đơn hàng (maDonHang) duy nhất, cùng với thông tin khách hàng như tên (tenKhachHang), địa chỉ (diaChiKH) và số điện thoại (dienThoaiKH) Ngoài ra, đơn hàng còn ghi lại ngày đặt (ngayDat) và ngày giao (ngayGiao), tên người nhận (tenNguoiNhan), số điện thoại người nhận (soDienThoaiNN) và địa chỉ người nhận (diaCHiNhan) Cuối cùng, mã thanh toán (maTT) và lời nhắn (loinhan) cũng được lưu trữ trong thông tin của đơn hàng.
Mỗi đơn đặt hàng chi tiết bao gồm các thông tin quan trọng như mã đơn hàng (maDonHang), mã sản phẩm (maSanPham), số lượng (soLuong), đơn giá thực bán (donGiaThucBan) và ghi chú (ghiChu).
- Thực thể ý nghĩa hoa: Gồm có mã loại hoa(maLoaiHoa), tên loại hoa(tenLoai), ý nghĩa(ynghia), hình ảnh đại diện(hinhDaiDien)
- Thực thể hình ảnh ý nghĩa: Gồm có mã loại hoa(maLoaiHoa), hình ảnh(hinhAnh), ý nghĩa chi tiêt(ynghiachitiet)
- Thực thể bình luận: Gồm có mã bình luận(maComt), mã sản phẩm đƣợc bình luận(maSanPham), nội dung(noidung), thời gian bình luận(thoigian)
- Thực thể thanh toán: Mỗi một đơn hàng có một mã thanh toán tương ứng(maTT), hình thức thanh toán(hinhThucTT), ghi chú(ghiChu)
Thực thể tài khoản quản trị bao gồm các thông tin quan trọng như tên đăng nhập (userName), mật khẩu (pass), họ tên (hoTen), ngày sinh (ngaySinh), số điện thoại (dienThoai), địa chỉ (diaChi) và email (email).
Các bảng dữ liệu rút gọn:
1.SANPHAM(maSanPham, tenSanPham, hinhAnh, donGiaThamKhao, danhGia, moTa, ghiChu)
4.SANPHAMKHUYENMAI(maKM, maSanPham, ngayBatDau, ngayKetThuc, giamGia, ghiChu)
5.DONHANG(maDonHang, tenKhachHang, diaChiKH, dienThoaiKH, ngayDat, ngayGiao, tenNguoiNhan, soDienThoaiNN, diaChiNhan, maTT, loinhan)
6.CHITIETDONHANG(maDonHang, maSanPham, soLuong, donGiaThucBan, ghiChu)
7.YNGHIAHOA(maLoaiHoa, tenLoai, ynghia, hinhDaiDien)
9.BINHLUAN(maComt, maSanPham, noidung, thoigian)
11.TAIKHOAN(userName, pass, hoTen, ngaySinh, dienThoai, diaChi, email).
CÀI ĐẶT CHƯƠNG TRÌNH
Ứng dụng các công nghệ vào đề tài
* Ứng dụng API Google Map tích hợp bản đồ chỉ đường
Bước 1: Nhúng đoạn code sau vào trong phần head:
var gmap = new google.maps.LatLng(10.765974,106.689422); var marker; function initialize()
{ var mapProp = { center:new google.maps.LatLng(10.765974,106.689422), zoom:26, mapTypeId:google.maps.MapTypeId.ROADMAP
}; var map=new google.maps.Map(document.getElementById("googleMap") ,mapProp); var styles = [
{ featureType: 'road.arterial', elementType: 'all', stylers: [
},{ featureType: 'road', elementType: 'all', stylers: [
{ featureType: 'water', elementType: 'geometry.fill', stylers: [
},{ featureType: 'landscape.natural', elementType: 'all', stylers: [
]; map.mapTypes.set('Styled', styledMapType); marker = new google.maps.Marker({ map:map, draggable:true, animation: google.maps.Animation.DROP, position: gmap
}); google.maps.event.addListener(marker, 'click', toggleBounce);
} function toggleBounce() { if (marker.getAnimation() !== null) { marker.setAnimation(null);
} else { marker.setAnimation(google.maps.Animation.BOUNCE);
} google.maps.event.addDomListener(window, 'load', initialize);
Bước 2: Nhúng đoạn code sau vào vị trí bạn muốn gán bản đồ