Phần quan trọng nhất của chƣơng trình ở server là việc tích hợp chặt chẽ với dịch vụ Google Maps API. Hầu hết các chức năng trong trang WebGIS đều sử dụng đến bản đồ. Để sử dụng dịch vụ Google maps API cần phải có một API key. Một API key cho phép ngƣời sử dụng kiểm soá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 ngƣời sử dụng về ứng dụng có ích mà ngƣời sử dụng đang xây dựng. Cách để tạo một API key:
Truy cập vào https://code.google.com/apis/console và đăng nhập bằng tài khoảng 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, copy API key đó lại để sử dụng.
Hình 5.1: API key sau khi đã tạo
Để xây dựng đƣợc các chức năng cho trang WebGIS, load bản đồ Google maps API về trang web là một yêu cầu bắt buộc. Dƣới đây là cách thực hiện:
Khi đã có key google cung cấp ta sử dụng key đó trong đoạn mã javascripts trong thẻ <head>:
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDSf1LVClgQGkQ4B a17R7N74mMKzfOU8RE&sensor=false&libraries=visualization">
</script>
Đoạn mã javascripts để tạo ra giao diện bản đồ:
var map = new google.maps.Map(document.getElementById('map'),
mapOptions);
Hình 5.2: Bản đồ Google map sau khi đƣợc load vào trang web
Sau khi khởi tạo bản đồ. Tùy ứng dụng có thể tùy biến bản đồ sao cho phù hợp.
5.1.2. Cài đặt Client
Theo mô hình lựa chọn và với việc sử dụng công nghệ WebGIS nên phía client không phải cài đặt cấu hình gì cả.
5.1.3. Xây dựng bảng CSDL
5.1.3.1. Bảng CSDL thông tin giao thông cập nhật
Khởi động công cụ Visual Studio, chọn Database Connections trong cửa sổ Server Explorer nhƣ hình dƣới:
Hình 5.3: Cửa sổ Server Explorer để tạo bảng CSDL
Click chuột phải vào Tables và chọn Add New Table, một bảng CSDL mới xuất hiện:
Hình 5.4: Tạo bảng CSDL mới
Định nghĩa các cột dữ liệu nhƣ mô tả trong hình dƣới với việc thiết thập cột ID làm khóa chính:
Trong đó:
Tên cột Diễn giải
ID Cho biết số thứ tự liên tiếp của các dòng thông tin. Name Thông tin về tên của ngƣời cập nhật thông tin. Situation Cho biết tình trạng của thông tin đƣợc cập nhật. Latitude Thông tin về vĩ độ của vị trí đƣợc cập nhật. Longitude Thông tin về kinh độ của vị trí đƣợc cập nhật. Description Thông tin mô tả về vị trí đƣợc cập nhất.
CurrentTime Cho biết thời gian hiện tại khi thông tin đƣợc cập nhật.