几种前端定位方法对比

1、最老的HTML5 Geolocation,定位速度慢,而且经常定位不到,开GPS的情况下获取定位数据概率大,不建议使用这种方式

if (window.navigator.geolocation) {
var options = {
enableHighAccuracy: true,
timeout: 3000,
// 最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。
maximumAge: 500
};
window.navigator.geolocation.getCurrentPosition(handleSuccess, handleError, options);

} else {
alert("当前设备不支持获取位置信息。");
}

function handleSuccess(position) {
//showMapInfo(position.coords.longitude, position.coords.latitude, false); //返回标准经纬度数据
}

function handleError(error) {
alert("未接收到GPS信号,请开启终端GPS,重新访问!");}

2、百度地图提供的几种方式
百度浏览器定位,demo见http://developer.baidu.com/map/jsdemo.htm#i8_1,定位速度快,返回百度经纬度,PC、手机端都可以快速定位,推荐使用
百度webapi定位方式,相关说明见:http://lbsyun.baidu.com/index.ph ... ebservice-geocoding,有请求次数限制
3、腾讯地图前端定位sdk:http://lbs.qq.com/tool/component-geolocation.html,速度还可以,返回的是腾讯经纬度坐标,建议使用腾讯地图的系统使用
4、微信JSSDK提供的定位接口:http://mp.weixin.qq.com/wiki/11/ ... E.E6.8E.A5.E5.8F.A3,可以返回标准wgs84及腾讯火星坐标,在做微信web开发时推荐使用

时间: 2024-07-30 00:11:58

几种前端定位方法对比的相关文章

iPhone开发 数据持久化总结(终结篇)—5种数据持久化方法对比

iPhone开发 数据持久化总结(终结篇)—5种数据持久化方法对比 iphoneiPhoneIPhoneIPHONEIphone数据持久化 对比总结 本篇对IOS中常用的5种数据持久化方法进行简单对比总结 第1种:UserDefaults(iPhone开发[二十]数据持久化总结之第1篇—NSUserDefaults) 1)易用性很强 2)数据存储在.plist文件中 3)一般保存 配置信息,首选项信息.缓存数据等,适用存储较少量数据的情况 4)缺点:无法将自定义对象序列化到属性列表中第2种:属性

selenium自动化测试——常见的八种元素定位方法

selenium常用的八种元素定位方法 1.通过 id 定位:find_element_by_id() 2.通过 name 定位:find_element_by_name() 3.通过 tag 定位:find_element_by_tag_name() 4.通过 class 定位:find_element_by_class_name() 5.通过 css 定位:find_element_by_css_selector() 6.通过 link 定位:find_element_by_link_tex

一、八种元素定位方法

[Toc] <!--百度首页输入框的HTML代码--> <input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd"> 1. id定位 通过find_element_by_id()来进行定位 import time from selenium import we

几种测距定位方法

1.TOF测距 在T OF 测距时,本地节点A 向远程节点B 发送一个数据包,当B 节点收到数据包时,会自动发送一个确认来响应这个数据包.执行过程如图1 所示. 图1   TOF 测距过程 A 节点测量出从发送数据包到接收确认的时间,这段消耗总时间记为TT OT 时间; B 记录了B 从收到数据包到B 回应确认消息的这个时间段的时间,记为TT AT .用T TOT 总时间减去周转时间TT AT 就是双方的数据包在飞行中度过的往返时间,记为TRTT 时间.假定在每个方向发生的飞行时间TTO F 等

Selenium2+python自动化02-八种元素定位(Firebug和Firepath)

前言    自动化只要掌握四步操作:获取元素,操作元素,获取返回结果,断言(返回结果与期望结果是否一致),最后自动出测试报告.本篇主要讲如何用firefox辅助工具进行元素定位.元素定位在这四个环节中是至关重要的,如果说按学习精力分配的话,元素定位占70%:操作元素10%,获取返回结果10%:断言10%.如果一个页面上的元素不能被定位到,那后面的操作就无法继续了.接下来就来讲webdriver提供的八种基本元素定位方法. 一.环境准备: 1.浏览器选择:Firefox 2.安装插件:Firebu

C#WinForm 直接导出DataGridView数据到Excel表格的二种方法对比

方法一.利用微软的excel 操作类 引用:using Excel = Microsoft.Office.Interop.Excel; 代码如下:         #region导出数据表:Excle (微软的excel 操作类)         ///<summary>         ///导出数据表:Excle         ///</summary>         ///<param name="myDGV"></param>

Selenium2+python自动化45-18种定位方法(find_elements)【转载】

前言 江湖传言,武林中流传八种定位,其中xpath是宝刀屠龙,css是倚天剑. 除了这八种,其实还有十种定位方法,眼看就快失传了,今天小编让失传已久的定位方法重出江湖! 一.十八种定位方法 前八种是大家都熟悉的,经常会用到的 1.id定位:find_element_by_id(self, id_)2.name定位:find_element_by_name(self, name)3.class定位:find_element_by_class_name(self, name)4.tag定位:find

react系列-事件绑定的几种方法对比

前言 本文主要给大家介绍了关于React事件绑定的几种方法对比的相关呢荣,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. React事件绑定 由于类的方法默认不会绑定this,因此在调用的时候如果忘记绑定,this的值将会是undefined. 通常如果不是直接调用,应该为方法绑定this.绑定方式有以下几种: 1. 在构造函数中使用bind绑定this ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 class Button extends

web页面元素的8种定位方法

一.web页面元素定位工具介绍 1.打开google浏览器,按F12进入开发者模式,如下图: 2.用鼠标点击下图红色框中的箭头——然后鼠标移动到web页面的元素上(此处为百度框),会自动定位到对应的html代码,如下图: 二.web页面元素的8种定位方法: 1.通过元素的id属性来定位元素——id是唯一标识(每个id都是不一样的) driver.find_element_by_id("kw")     1 from selenium import webdriver 2 driver=