首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5(二)——获取用户位置Geolocation

地图类、打车、外卖等类型的手机APP,一进入便咨询是否允许获取我们的位置,允许之后会根据我们所在位置推荐好物,逐渐地 H5 网页也开始获取用户位置。...手机地理位置:基于手机的地理定位数据是通过用户到一些基站的三角距离确定。这种方法可提供相当准确的位置结果。这种方法通常和基于WIFI基于GPS地位结合使用。 用户自定义:用户可以手动输入的地理位置。...,除非用户同意,否则无法获取到用户位置。...还需要注意的是chrome的google浏览器也不能获取位置,但是IE浏览器可以获取到。 把上述案例放到线上,获取位置只要用户点击同意就没有问题啦!...除此之外,带有位置的我们经常会用到输入位置,在地图中自动标记一个点,移动标记点到更具体的位置,如图: 一般需要绘制地图的时候,我们就借助三方的百度、高德、腾讯等地图,注册账号,申请密钥才可以使用。

1.9K30

HTML5(二)——获取用户位置Geolocation

地图类、打车、外卖等类型的手机APP,一进入便咨询是否允许获取我们的位置,允许之后会根据我们所在位置推荐好物,逐渐地 H5 网页也开始获取用户位置。...手机地理位置:基于手机的地理定位数据是通过用户到一些基站的三角距离确定。这种方法可提供相当准确的位置结果。这种方法通常和基于WIFI基于GPS地位结合使用。 用户自定义:用户可以手动输入的地理位置。...,除非用户同意,否则无法获取到用户位置。...还需要注意的是chrome的google浏览器也不能获取位置,但是IE浏览器可以获取到。 把上述案例放到线上,获取位置只要用户点击同意就没有问题啦!...除此之外,带有位置的我们经常会用到输入位置,在地图中自动标记一个点,移动标记点到更具体的位置,如图: 一般需要绘制地图的时候,我们就借助三方的百度、高德、腾讯等地图,注册账号,申请密钥才可以使用。

1.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

手机端网页使用html5地理定位获取位置失败的解决办法

网上有很多关于html5 geolocation 获取地理定位的方法,我试了下,只有在IE edge浏览器可以成功获取到,在chrome,firefox,手机端的safari,QQ浏览器,微信浏览器,都返回一样的错误信息...navigator.geolocation.getCurrentPosition(onSuccess , onError); }else{ alert("您的浏览器不支持使用HTML 5来获取地理位置服务..."); break; case error.POSITION_UNAVAILABLE: alert("位置信息是不可用的"); break;...case error.TIMEOUT: alert("请求您的地理位置超时"); break; case error.UNKNOWN_ERROR: alert...我这里尝试返回错误信息的原因我猜可能是html5 默认调用的谷歌的接口,会有安全限制,所以我这里使用了腾讯的api实现。 <!

4.9K60

HTML5

四、HTML5 一、什么是 HTML5 1.HTML5 的概念与定义 定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的...HTML 语言,定义了新的标签、特性和属性 拥有一个强大的技术集,这些技术集是指: HTML5 、CSS3 、javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容 语义化标签...本地存储 兼容特性 2D、3D 动画、过渡 CSS3 特性 性能与集成 3.HTML5 的现状 绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性, 总的来说:HTML5...已经是大势所趋 二、HTML5 新增标签 1.什么是语义化 2.新增了那些语义化标签 header --- 头部标签 nav --- 导航标签 article --- 内容标签 section...image.png 3.使用语义化标签的注意 语义化标签主要针对搜索引擎 新标签可以使用一次或者多次 在 IE9 浏览器中,需要把语义化标签都转换为块级元素 语义化标签,在移动端支持比较友好, 另外,HTML5

3.2K20
领券