<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script> <title>html5 Gps转百度</title> <style type="text/css"> body, html,#allmap {width: 100%;height: 300px;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> </head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("allmap"); var longitude,latitude; navigator.geolocation.getCurrentPosition(function (position) { console.info(position); longitude = position.coords.longitude; latitude = position.coords.latitude; }); setTimeout(function () { var gpsPoint = new BMap.Point(longitude, latitude); BMap.Convertor.translate(gpsPoint, 0, function (point) { var geoc = new BMap.Geocoder(); geoc.getLocation(point, function (rs) { map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.centerAndZoom(point, 18); map.addOverlay(new BMap.Marker(point)) ; var addComp = rs.addressComponents; alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); alert('您的位置:'+rs.point.lng+','+rs.point.lat); }); }); }, 1000); </script>
相关推荐
使用h5,js,百度api实现百度地图定位; 显示当前所在位置; 显示打卡范围; 计算与打卡地点距离。
百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务,提供基本地图展现、搜索、定位、逆/...
javascript百度地图行驶轨迹、车辆跟随路径移动并变化方向,只需传入起点和终点坐标即可模拟车辆导航,真实导航需要再进行定位,将定位的坐标点实时传入,稍微改动即可
js 运用百度地图接口插件,筛选方圆五公里的学校
百度地图3.0离线js api模板(demo)+ 地图瓦片下载器; 解压后使用 demo.html 来查看demo ; 地图资源文件存存放位置为 tiles 文件夹; 使用压缩包里面的 【全能电子地图下载器】 进行地图瓦片下载,下载完之后放到 ...
基于js实现百度地图api定位当前位置和获取经度和纬度,
当点下定位按钮时,可以在页面上显示所在区域的大致位置(精确到市级...使用百度地图的API实现定位功能,将返回的json数据封装成接口;点击按钮向接口请求数据,将请求后的定位信息使用javascript嵌入到文本域中。
百度地图定位功能,简单实现,纯js的,有问题告诉我!
百度地图自定义水波纹(雷达)效果覆盖物
仿美团外卖商家百度地图, 包含反向解析地址、自动地图搜索、选择区域跳转、地图点击与拖拽定位。调用相关库
traceDraw.jsp画给定点的运动轨迹,personTraceMap.jsp根据位置数组画运动轨迹。person.png为自行准备的图标
原生js实现的百度地图API选择公司位置获取地址地图标注代码,适合多个分公司地址地图标记切换查看。
百度地图API调用定位demo 查看当前所在位置
异步获得百度地图 详细地址 城市 省份 街道,已打包成jar包,直接调用即可,不过需要你到百度地图官网注册一个秘钥(ak),这是调用百度地图必须的。使用方法: 1.manifest下声明service: 2.manifest下的application...
用于学习
mui+js+百度地图实现移动端定位。使用国内开源移动端框架mui,js实现百度地图定位功能
通过百度地图,根据地名获取经纬度,通过经纬度定位,或者直接根据地名定位,内有详解,若有问题,请留言
里面包含完整代码,提供ak密钥,到百度地图页面申请即可,实现了手机和电脑浏览器的定位功能
百度地图标记js 可以任意标记您所在的位置, 有切换城市功能。