Bài đăng

[Học WebGIS nâng cao] – Bài toán tìm đường với PostGIS+ pgRouting

Hình ảnh
Tiếp nối serie trước về  Webgis sử dụng GeoServer, PostGIS, OpenLayer , series này sẽ giới thiệu các bạn một bài toán khá phổ biến với webgis là bài toán tìm đường đi ngắn nhất. Tiếp nối các công cụ của bài trước ( GeoServer ,  PostGreSQL ,  PostGIS ,  OpenLayer ) thì bài này chúng ta sẽ cần thêm một công cụ nữa, đó là  pgRouting , một extension của  PostGIS  cung cấp cho chúng ta giải pháp tìm đường với các thuật toán khác nhau. Các bạn có thể tìm hiểu thêm về pgRouting ở đây:  http://pgrouting.org/ Cài đặt Với các bạn sử dụng PostGIS bản mới nhất hiện nay ( PostGIS   2.2.2   và  PostGreSQL 9.5 ) thì pgRouting đã tích hợp sẵn vào bộ cài đặt, các bạn sẽ không phải cài thêm nữa, còn những bản cũ hơn ví dụ như bản PostGreSQL 9.1  và  PostGIS 2.0  không tích hợp sẵn pgRouting thì chúng ta sẽ tìm kiếm bộ cài tại đây:  http://postgis.net/windows_downloads/  ví dụ mình tìm thấy link cho bản PostGreSQL 9.1 tại đây:  http://winnie.postgis.net/download/windows/pg91/buildbot/ . Sau đó chọn và

[Xây dựng WebGIS #11] – Hiển thị Popup

Hình ảnh
Bài này chúng ta sẽ tìm hiểu cách sử dụng popup trong OpenLayer sử dụng  overlay.  Các bạn có thể tìm hiểu thêm về các API trong bài theo link sau:  ol.Map  , ol.Overlay , ol.View Đầu tiên chúng ta thêm các style cho popup như sau: <style>   .map, .righ-panel {   height : 500px ;   width : 40% ;   float : left ;   }   .map {   border : 1px solid #000 ;   }   .ol-popup {   position : absolute ;   background-color : white ;   -webkit-filter: drop-shadow( 0 1px 4px rgba( 0 , 0 , 0 , 0.2 ));   filter: drop-shadow( 0 1px 4px rgba( 0 , 0 , 0 , 0.2 ));   padding : 15px ;   border-radius: 10px ;   border : 1px solid #cccccc ;   bottom : 12px ;   left : -50px ;   min-width : 180px ;   }   .ol-popup:after, .ol-popup:before {   top : 100% ;   border : solid transparent ;   content : " " ;   height : 0 ;   width : 0 ;   position : absolute ;   pointer-events: none ;   }   .ol-popup:after {   border-top-color : whit