通过百度地图获取当前位置坐标
2016-05-16 11:28
344 查看
<!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>
相关文章推荐
- ionic 下拉刷新 ― ion-refresher
- 浅析C/C++中动态链接库的创建和调用
- SPOJ375 Query on a tree
- Hawk-数据抓取工具:简明教程
- zookeeper(1)单机源码环境搭建
- 中国财政的严峻挑战、中国在全球发挥实力的“阻碍”,是我们的人口?
- Spark性能优化第五季
- 【205】C#实现远程桌面访问
- python *args **kwargs
- Hibernate各种主键生成策略与配置详解
- Web Service学习与初步认识
- Android开发中一些被冷落但却很有用的类和方法
- mysql索引
- Hibernate读书笔记-----HQL查询
- P问题、NP问题、NPC问题
- AFNetworking 3 批量上传图片的 3 种方法
- 重大喜讯,AppStore审核变快啦!真的有可能24小时内出结果
- android:ListView的局部刷新
- 安装oracle 11g 客户端,检查过程中报物理内存不足的解决
- Linux实用命令汇总