Uluru, also referred to as Ayers Rock, is a large ' + 'sandstone rock formation in the southern part of the '+ 'Northern Territory, central Australia It lies 335 km (208 mi) '+ Trần Thị Hoài – Lớp: 53K1 - CNTT 44 Đồ án tốt nghiệp Đại học 'south west of the nearest large town, Alice Springs; 450 km '+ '(280 mi) by road Kata Tjuta and Uluru are the two major '+ 'features of the Uluru - Kata Tjuta National Park Uluru is '+ 'sacred to the Pitjantjatjara and Yankunytjatjara, the '+ 'Aboriginal people of the area It has many springs, waterholes, '+ 'rock caves and ancient paintings Uluru is listed as a World '+ 'Heritage Site.
'+ 'Attribution: Uluru, '+ 'https://en.wikipedia.org/w/index.PHP?title=Uluru '+ '(last visited June 22, 2009).
'+ ''+ ''; var infowindow = new google.maps.InfoWindow({ content: contentString }); var marker = new google.maps.Marker({ position: uluru, map: map, title: 'Uluru (Ayers Rock)' }); marker.addListener('click', function() { infowindow.open(map, marker); }); } Trần Thị Hoài – Lớp: 53K1 - CNTT 45 Đồ án tốt nghiệp Đại học Hình 3.6 Info Window 3.7 Tạo biểu tƣợng mặt nạ đơn giản Để hiển thị biểu tượng dạng vector dựa điểm đánh dấu thông qua đối tượng biểu tượng đen với đường dẫn mong muốn để sở hữu biểu tượng marker Ví dụ tạo biểu tượng đường dẫn vector xác định trước Custom Marker Symbols #map { height: 100%; Trần Thị Hoài – Lớp: 53K1 - CNTT 46 Đồ án tốt nghiệp Đại học } html, body { height: 100%; margin: 0; padding: 0; } * FROM polygon 3.9.3 Tạo đồ Simple Polygon #map { height: 100%; } html, body { height: 100%; margin: 0; padding: 0; } function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 5, mapTypeId: 'terrain' }); var triangleCoords = [ ]; var bermudaTriangle = new google.maps.Polygon({ paths: triangleCoords, strokeColor: '#FF0000', strokeOpacity: 0.8, strokeWeight: 2, fillColor: '#FF0000', fillOpacity: 0.35 }); bermudaTriangle.setMap(map); } Trần Thị Hoài – Lớp: 53K1 - CNTT 54 Đồ án tốt nghiệp Đại học Giao diện ứng dụng sau: Hình 3.9 Vẽ đa giác với tọa độ đỉnh lấy từ bảng polygon Sau thay đổi tham số bảng polygon, nội dung trang web hiển thị sau: Hình 3.10 Giao diện đa giác đồ Trần Thị Hoài – Lớp: 53K1 - CNTT 55 Đồ án tốt nghiệp Đại học KẾT LUẬN Đề tài cung cấp kiến thức Google Maps API, tích hợp ngơn ngữ lập trình PHP hệ quản trị sở liệu MySQL triển khai số ứng dụng Google Maps API Do mặt hạn chế thời gian kiến thức, đề tài cịn nhiều sai sót thiếu chi tiết, mong đóng góp thầy/cơ bạn để báo cáo hoàn thiện Hướng phát triển đề tài: Đánh dấu địa điểm đồ thơng tin cho vị trí: khu vui chơi, giải trí, nhà hàng khách sạn, cửa hàng quần áo… Chỉ dẫn đường đến địa điểm cần tìm, dẫn giao thơng, địa điểm cung cấp Service Google Xây dựng sở liệu hoàn chỉnh với nhiều thông tin liệu đồ Thêm chức đánh dấu đồ, nhập thông tin cần thiết sau cập nhật vào sở liệu, điểm đánh dấu tự động cập nhật Như hướng phát triển tương lai ứng dụng lớn Ngày với phát triển thiết bị di động với thiết bị định vị GPS, ứng dụng Google Maps API phát triển thiết bị Trần Thị Hoài – Lớp: 53K1 - CNTT 56 Đồ án tốt nghiệp Đại học TÀI LIỆU THAM KHẢO [1] Gabriel Svennerberg, Beginning Google Maps API 3, 2016 [2] Google-Maps, http: //xn thnglogia-p2a56t433m.vn/ [3] Cổng thông tin viblo, https://viblo.asia/ [4] Lập trình PHP – Tổng quan ngơn ngữ SQL MySQL, http://devpro.edu.vn/ [5] Phạm Hữu Khang, PHP bản, Bài giảng điện tử [6] Code Sample, https://developers.google.com/ [7] Cổng thơng tin webcheatsheet: http://webcheatsheet.com/ [8] Bách khoa tồn thư mở Wikipedia, https://vi.wikipedia.org Trần Thị Hoài – Lớp: 53K1 - CNTT 57 ... animation: kiểu hiệu ứng cho marker 1.3 Cách sử dụng phát triển công nghệ 1.3.1 Đăng kí sử dụng Google Map API Để sử dụng Google Maps API, nên tải Maps API sử dụng API key Tạo khóa API sau: - Truy... cách sử dụng Google Maps Tháng năm 2005, Google phát hành Google Maps API [2] Google Map dịch vụ ứng dụng vào công nghệ đồ trực tuyến web miễn phí cung cấp Google, hỗ trợ nhiều dịch vụ khác Google. .. Đại học CHƢƠNG ỨNG DỤNG CỦA GOOGLE MAP API Chương giới thiệu API Google cung cấp cách thức sử dụng Google Map API sử dụng rộng rãi trang web làm lĩnh vực đồ Cùng với kiến thức tìm hiểu học hỏi
