html5通过坐标定位城市,HTML5通过获取地理位置经纬度，判断城市

html5提供了获取地理位置的api，很方便确定客户的经纬度，我们获取到经纬度以后，可以通过百度地图提供的api确定用户的所在位置。

基于浏览器的HTML5查找地理位置

function getLocation(){

var options={

enableHighAccuracy:true,

maximumAge:1000

}

if(navigator.geolocation){

//浏览器支持geolocation

navigator.geolocation.getCurrentPosition(onSuccess,onError,options);

}else{

//浏览器不支持geolocation

alert('您的浏览器不支持地理位置定位');

}

//成功时

function onSuccess(position){

//返回用户位置

//经度

var longitude =position.coords.longitude;

//纬度

var latitude = position.coords.latitude;

alert('经度'+longitude+'，纬度'+latitude);

//根据经纬度获取地理位置，不太准确，获取城市区域还是可以的

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

var point = new BMap.Point(longitude,latitude);

var gc = new BMap.Geocoder();

gc.getLocation(point, function(rs){

var addComp = rs.addressComponents;

alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);

});

}

//失败时

function onError(error){

switch(error.code){

case 1:

alert("位置服务被拒绝");

break;

case 2:

alert("暂时获取不到位置信息");

break;

case 3:

alert("获取信息超时");

break;

case 4:

alert("未知错误");

break;

}

window.οnlοad=getLocation;

目前在电脑上有时不能获取，手机端还是很好的，另外，获取的定位不是十分准确，但是用来获取城市区域还是可以的。

其实这个就是调用了百度地图+html5来实现了，非常的不错。

html5通过坐标定位城市,HTML5通过获取地理位置经纬度，判断城市相关推荐

html坐标定位图解,HTML5地理定位实例
本文实例讲述了html5获取地理定位的方法,分享给大家供大家参考.具体方法如下: html5 获取坐标代码如下: 复制代码代码如下: test1.html 点击这个按钮,获得您的坐标: 试一下 var ...
js获取百度html,百度地图html5获取坐标定位步行导航 - js api
Hello, World html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} var ...
html5获取坐标高德,vue 单纯的获取经纬度百度与高德 H5
首先用百度的api举个例子首先在index页面引入如下: 原样复制粘贴到index里就可以了,记住尾巴的ak是你自己的地图密匙哦随后在想调用的地方写入如下 var _this = this; if ...
html地图根据坐标定位,百度地图js根据经纬度定位和拖动定位点
&lt我自址哈这工边识框处己按后大都加控不架的;/scrip比抖朋要插支一圈不者地器享说几t> 定位 body, html, #allmap { width: 100%; height: ...
uniapp 获取定位以及经纬度转换为城市名
/*2021/8/26xh获取地理位置经纬度及城市名(h5,app,微信小程序三端)*/ // #ifdef H5 //引入jquery文件,用jquery的jsonp来访问腾讯地图的逆地址解析,只适 ...
HTML5 地理位置定位（HTML5 Geolocation）原理及应用（调用GPS）
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个 ...
HTML5 地理位置定位（HTML5 Geolocation）
HTML5的强大,无需我过多的介绍,其中Geolocation地理定位是HTML5的重要特性之一.使用这个特性我们就可以开发出基于地理位置信息的应用.例如你要实现查询用户周边酒店.加油站等功能时,你可 ...
html选择定位位置,html5的地理位置定位
html5提供的地理位置定位使开发人员不用借助其他软件就能轻松实现位置查找,地图应用,导航等功能. 地理位置定位基本原理 GPS, WIFI, IP, 手机信号基站核心对象 Geolocation是 ...
微信定位和HTML5定位
微信定位wx.getLocation wx.getLocation({ //微信定位type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐 ...

html5通过坐标定位城市,HTML5通过获取地理位置经纬度，判断城市

html5通过坐标定位城市,HTML5通过获取地理位置经纬度，判断城市相关推荐

最新文章

热门文章