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

JavaScript024

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>

<script>

    navigator.geolocation.getCurrentPosition( // 该函数有如下三个参数

        function(pos){ // 如果成果则执行该回调函数

            alert(

                '  经度:' + pos.coords.latitude +

                '  纬度:' + pos.coords.longitude +

                '  高度:' + pos.coords.altitude +

                '  精确度(经纬):' + pos.coords.accuracy +

                '  精确度(高度):' + pos.coords.altitudeAccuracy +

                '  速度:' + pos.coords.speed

            )

        }, function(err){ // 如果失败则执行该回调函数

            alert(err.message)

        }, { // 附带参数

            enableHighAccuracy: false, // 提高精度(耗费资源)

            timeout: 3000, // 超过timeout则调用失败的回调函数

            maximumAge: 1000 // 获取到的地理信息的有效期,超过有效期则重新获取一次位置信息

        }

    )

</script>

>>参考 Lecaf 同学的博文

>>需要支持HTML5的浏览器才能支持

>>哪怕支持HTML5的浏览器支持也不一定很好