通过百度地图获取当前位置坐标

最新推荐文章于 2021-12-23 15:40:08 发布

weixin_33795806

最新推荐文章于 2021-12-23 15:40:08 发布

阅读量919

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/pangjie/p/5497480.html

版权

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        *
        {
            /*设置高度，不然会显示不出来;*/
            height: 50%;
        }
    </style>
    <script src="/JSLib/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=20b2d52ccd095cac314d65c28fa7fb7e"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script>
        $(function () {
            navigator.geolocation.getCurrentPosition(translatePoint); //定位 
        });
        function translatePoint(position) {
            var currentLat = position.coords.latitude;
            var currentLon = position.coords.longitude;
            alert("Lat" + currentLat + "   Lon" + currentLon);
            var gpsPoint = new BMap.Point(currentLon, currentLat);
            BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标 
        }
        function initMap(point) {
            //初始化地图 
            map = new BMap.Map("map");
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.ScaleControl());
            map.addControl(new BMap.OverviewMapControl());
            map.centerAndZoom(point, 15);
            map.addOverlay(new BMap.Marker(point))
        }
    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>

转载于:https://www.cnblogs.com/pangjie/p/5497480.html

weixin_33795806

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
通过百度地图获取当前位置坐标

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title&g...
复制链接

扫一扫