場(chǎng)景

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

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

在上面加載離線瓦片地圖顯示的基礎(chǔ)上怎樣在地圖上點(diǎn)擊并能獲取到坐標(biāo)。

實(shí)現(xiàn)效果如下：

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書(shū)、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

通過(guò)ol.Map新建Openlayers的核心組件。

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

然后設(shè)置其單擊事件，在控制臺(tái)輸出坐標(biāo)。

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。