場景

Openlayers中加載Geoserver切割的EPSG:900913離線瓦片地圖并顯示：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118492511

在上面加載離線瓦片地圖顯示的基礎上怎樣在地圖上點擊并能獲取到坐標。

實現效果如下：

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

通過ol.Map新建Openlayers的核心組件。

??????? //Map Openlayers的核心組件，包含圖層、交互事件、UI控制元素等。var map = new ol.Map({layers: [layer,lineVector],target: 'map',view: view});

然后設置其單擊事件，在控制臺輸出坐標。

??????? //單擊獲取地圖坐標map.on('singleclick',(evt)=>{console.log(evt.coordinate);});

總結

以上是生活随笔為你收集整理的Openlayers中点击地图获取坐标并输出的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。