我点击地图时想要获取坐标以便输入地址字段。我不知道在我的函数中放什么来获取有关位置的信息!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script type="text/javascript"
src="http://openlayers.org/api/2.11/OpenLayers.js"></script>
<script type="text/javascript" >
var myMap;
function loadOpenLayers(){
myMap = new OpenLayers.Map("mymap", {});
var wms = new OpenLayers.Layer.WMS(
"OpenLayers WMS",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{layers: "basic"},
{});
myMap.addLayer(wms);
myMap.setCenter(new OpenLayers.LonLat(-122.349243, 47.651743));
myMap.zoomTo(6);
myMap.on('click', function(event) {
document.getElementById("demo").innerHTML = "Hello World";
});
}
</script>
</head>
<body onload="loadOpenLayers();">
<div id="mymap" style="width: 620px; height: 460px; border: 1px solid;">
<p id="demo">
</div>
</body>
</html>
您正在混合使用OpenLayers 2和OpenLayers 3+代码。 myMap.on('click', function(event) {
是OL3 +。如果您必须使用OpenLayers 2
document.getElementById("mymap").onclick = function(event) {
var lonlat = myMap.getLonLatFromPixel(new OpenLayers.Pixel(event.clientX, event.clientY));
document.getElementById("demo").innerHTML = lonlat.lon + ' ' + lonlat.lat;
};
但如果你要开始一个新项目,最好再次使用最新的OpenLayers 5。
事物应该已经返回一个Map事件,它在你的投影中有一个坐标。尝试这样的事情
myMap.on('click', function(event) {
console.log(event.coordinate);
});
并检查您是否在控制台中获得正确的坐标。
https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#getEventCoordinate