openlayers4 入門開發系列之地圖屬性查詢篇（附源碼下載）

前言

openlayers4 官網的 api 文檔介紹地址 openlayers4 api，里面詳細的介紹 openlayers4 各個類的介紹，還有就是在線例子：openlayers4 官網在線例子，這個也是學習 openlayers4 的好素材。

openlayers4 入門開發系列的地圖服務基於 Geoserver 發布的，關於 Geoserver 方面操作的博客，可以參考以下幾篇文章：

• geoserver 安裝部署步驟
• geoserver 發布地圖服務 WMS
• geoserver 發布地圖服務 WMTS
• geoserver 集成以及部署 arcgis server 瓦片數據

內容概覽

1.基於 openlayers4 實現地圖屬性查詢
2.源代碼 demo 下載

本篇的重點內容是利用 openlayers4 實現地圖屬性查詢功能，效果圖如下：

實現思路

• 模糊查詢點擊事件

//模糊查詢
$("#swatchQuery").bind("click", function () {
var keyword = $("#skeyword").val();
if (keyword == "" || keyword == undefined) {
alert("請輸入要查找的內容!");
return;
}
DCI.SpatialQuery.queryByAttribute(keyword);
 
});

• 地圖屬性查詢核心函數 queryByAttribute

更多的詳情見：GIS之家小專欄

文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波