微信上的网站用HTML5获取地理位置

今天折腾了一天，因为项目的需要，需要在微信网站上得到当前的地理位置。采用的是HTML5开发，但是实验了很多种方法，都不行。HTML5获取地理位置信息，是通过ip获取，ip的位置和你本人的位置差距还是很大的，所以采用HTML5获取地位置很不准确。HTML5不能打开你本地的GPS，不像客户端一样，可以打开你的手机GPS进行定位，这样HTML5的地位就形同虚设。没有起到真正定位的作用。

下面是一段试验过的代码

<!DOCTYPE html><html><title>HTML5 调用百度地图API地理定位实例 </title><head><meta name="viewport" content="width=device-width,initial-scale=1" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script></head><body style='margin:50px 10px;'><div id="status" style="text-align: center"></div><div style="width:600px;height:480px;border:1px solid gray;margin:30px auto" id="container"></div></body></html><script type="text/javascript">window.onload = function() {if(navigator.geolocation) {document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";navigator.geolocation.getCurrentPosition(updateLocation);}};function updateLocation(position) {var latitude = position.coords.latitude;var longitude = position.coords.longitude;if(!latitude || !longitude) {document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser, but location is currently not available.";return;}var map = new BMap.Map("container");                     // 创建Map实例var point = new BMap.Point(longitude, latitude);        // 创建点坐标map.centerAndZoom(point, 15);                            // 初始化地图,设置中心点坐标和地图级别。var marker = new BMap.Marker(point);                        // 创建标注map.addOverlay(marker);                                    //将标注添加到地图中};</script>

测试条件是打开了WIFI，但是很不准定位，相差一千米左右。如果不用WIFI，只用移动的2G 3G信号基站定位，是获取不到的。

微信上的网站用HTML5获取地理位置相关推荐

html5网站抓取,微信上的网站用HTML5获取地理位置
今天折腾了一天,因为项目的需要,需要在微信网站上得到当前的地理位置.采用的是HTML5开发,但是实验了很多种方法,都不行.HTML5获取地理位置信息,是通过ip获取,ip的位置和你本人的位置差距还是很 ...
html5获取地理位置信息API
html5获取地理位置信息API 在HTML5中,可以看下如何使用Geolocation API来获得用户的地理位置信息,如果该浏览器支持的话,且设备具有定位功能,就能够直接使用这组API来获取当前位 ...
uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
HTML5获取地理位置定位信息
HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用.本文结合实例给大家分享如何使用HTML5,借助百度.谷歌地 ...
vue 地理位置定位_cordova+vue webapp 使用html5获取地理位置
1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置. 语法: navigator.geolocation.getCurrentPosition(s ...
HTML5获取地理位置
大家可以上百度查一查定位的机制.下面我们来看看获取经纬度的一段代码 <!doctype html> <html><head><meta charset=&qu ...
利用HTML5中Geolocation获取地理位置在Google Map上定位
本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能. 1.获取当前地理位置调用方法 void getCurrentPosi ...
【前端用法】html5实现地理位置定位（JS获取当前地理位置的方法）
本文目录一.背景描述二.实现方案方案一方案二一.背景描述目前在做公司的一个网站,有个需求是:当别人进入网站时自动定位他的地理位置,包括市区,方便给他推荐当前城市的特色信息. 其实,这也是一 ...
html选择定位位置,html5的地理位置定位
html5提供的地理位置定位使开发人员不用借助其他软件就能轻松实现位置查找,地图应用,导航等功能. 地理位置定位基本原理 GPS, WIFI, IP, 手机信号基站核心对象 Geolocation是 ...

微信上的网站用HTML5获取地理位置

微信上的网站用HTML5获取地理位置相关推荐

最新文章

热门文章

微信上的网站 用HTML5获取地理位置

微信上的网站 用HTML5获取地理位置相关推荐

最新文章

热门文章

微信上的网站用HTML5获取地理位置

微信上的网站用HTML5获取地理位置相关推荐