场景
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);
});版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/136281.html
