OpenLayers学习笔记—-二.获取点击位置的经纬度
获取点击位置的经纬度
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/ol/ol.css" rel="stylesheet" />
<script src="scripts/ol/ol.js"></script>
<script src="scripts/jquery1.9.1.min.js"></script>
<title></title>
</head>
<body>
<div id="map" style="width: 100%"></div>
<script type="text/javascript">
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
target: 'map',
view: new ol.View({
center: ol.proj.transform(
[104, 30], 'EPSG:4326', 'EPSG:3857'),
zoom: 10
})
});
// 监听singleclick事件
/*
map.on('click', function(event){
//alert('触发点击事件' + event.clientX); event.clienX 为undefined
var t = ol.proj.transform(map.getEventCoordinate(event), 'EPSG:3857', 'EPSG:4326')
alert(t);
})
*/
$("#map").click(function (e) {
// alert('X ; '+ e.clientX + 'Y: '+e.clientY);
var t = ol.proj.transform(map.getEventCoordinate(e), 'EPSG:3857', 'EPSG:4326');
alert(t);
})
</script>
</body>
</html>
转载自:https://blog.csdn.net/chuanren1991/article/details/80485419