javascript中鼠标在地图上的经纬度怎么获取

JavaScript010

javascript中鼠标在地图上的经纬度怎么获取,第1张

自己写有难度吧!!!

查看百度地图api里头有说明获取实时经纬度的。

1、成为开发者,获取百度地区秘钥

2、引入百度地图js插件

3、获取经纬度

<script type="text/javascript">

// 初始化地图

var map = new BMap.Map("allmap")

var point = new BMap.Point(116.331398,39.897445)

map.centerAndZoom(point,12)

map.addEventListener("click", function(e){//鼠标点击事件

var pt = e.point

alert(pt.lng + "xxx" + pt.lat)//弹窗经纬度

})</script>

稍等上代码!!

<html>

<head>

<script type="text/javascript">

function show_coords(event){

 var x = event.clientX

 var y = event.clientY

 var say = document.all("coords")

 say.innerHTML = "X:"+x+" Y:"+y

 say.style.position = "absolute"

 say.style.left = x + 30

 say.style.top = y

}

</script>

</head>

<body onmousemove="show_coords(event)">

<p id="coords"></p>

</body>

<html>

希望我的回答对你有用,有用就采纳!!!谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

window.onload = function()

{

var imgNode = document.getElementById("test")

var xSpan = document.getElementById("x")

var ySpan = document.getElementById("y")

imgNode.onmousemove = function()

{

xSpan.innerHTML = event.clientX

ySpan.innerHTML = event.clientY

}

}

</script>

</head>

<body>

<img src="dd.jpg" id="test" />

<!--随便加个图片进来,id为test即可测试-->

鼠标的位置相对窗口坐标是x:<span id="x"></span>--y:<span id="y"></span>

</body>

</html>