[Xây dựng WebGIS #10] – Highlight đối tượng
Ở bài trước chúng ta đã lấy được đối tượng dạng JSON bằng các request. Bài này chúng ta sẽ hiển thị Highlight đối tượng đó . Đối tượng chúng ta request được ở bài trước được lưu theo chuẩn GeoJSON, là một chuẩn mở dựa trên JSON để chia sẻ qua mạng một cách nhanh chóng và gọn nhẹ nhất. Các bạn có thể đọc thêm về chuẩn này tại đây: http://geojson.org/geojson-spec.html Để Highlight đối tượng thực chất chúng ta sẽ add thêm 1 feature lên bản đồ của chúng ta để có thể tùy chỉnh style cho đối tượng. Chúng ta sẽ sử dụng loại đối tượng của OpenLayer là ol.layer. Vector. Chúng ta thêm style mới cho đối tượng Highlight và layer vector như sau: var styles = { 'MultiPolygon' : new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'yellow' , width: 1 }) }) }; var styleFunction = function (feature) { return styles[feature.getGeometry().getType()]; }; var vectorLayer = new ol.layer.Vector({ style: styleFunction }); map.addLayer(vectorLayer); ...