A. html5地理定位api怎么连接百度地图
可以实现的,HTML5可以使用手机的GPS信息,利用网络等地图的开放API就可以了。
HTML5中可以通过IP,WIFI信息,GPS,来实现地理定位,当然相关精度也是有所不同,所以如果要精确导航就得使用GPS信息。
下面是一段HTML5结合网络地图API来获取位置的代码:
<div id="allmap"></div>当前定位地址:<a id="-gps"></a><span></span></div>
<script>
var map = new BMap.Map("allmap");
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(r.point);
//alert('您的位置:'+r.point.lng+','+r.point.lat);
var pt = r.point;
var geoc = new BMap.Geocoder();
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
$("#-gps").text(addComp.district+addComp.street+addComp.streetNumber);
});
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
</script>
B. html5怎么实现调用gps获取地理位置具体代码
<script>
varx=document.getElementById("demo");
functiongetLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{x.innerHTML=".";}
}
functionshowPosition(position){
x.innerHTML="Latitude:"+position.coords.latitude+
"<br/>Longitude:"+position.coords.longitude;
}
</script>
C. html5+怎么获取当前地理位置
定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然选择允许即可。
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
上面的代码可以知道,如果用户设备支持地理定位,则运行 getCurrentPosition() 如果getCurrentPosition()运行成功,则向参数showPosition中规定的函数返回一个coordinates对象,getCurrentPosition() 方法的第二个参数showError用于处理错误,它规定当获取用户位置失败时运行的函数。
我们先来看一下函数showError(),它规定获取用户地理位置失败时的一些错误代码处理方式:
function showError(error){
switch(error.code) {
case error.PERMISSION_DENIED:
alert("定位失败,用户拒绝请求地理定位");
break;
case error.POSITION_UNAVAILABLE:
alert("定位失败,位置信息是不可用");
break;
case error.TIMEOUT:
alert("定位失败,请求获取用户位置超时");
break;
case error.UNKNOWN_ERROR:
alert("定位失败,定位系统失效");
break;
}
}
我们再来看函数showPosition(),调用coords的latitude和longitude即可获取到用户的纬度和经度。
function showPosition(position){
var lat = position.coords.latitude; //纬度
var lag = position.coords.longitude; //经度
alert('纬度:'+lat+',经度:'+lag);
}
利用网络地图和谷歌地图接口获取用户地址
上面我们了解了HTML5的Geolocation可以获取用户的经纬度,那么我们要做的是需要把抽象的经纬度转成可读的有意义的真正的用户地理位置信息。幸运的是网络地图和谷歌地图等提供了这方面的接口,我们只需要将HTML5获取到的经纬度信息传给地图接口,则会返回用户所在的地理位置,包括省市区信息,甚至有街道、门牌号等详细的地理位置信息。
我们首先在页面定义要展示地理位置的div,分别定义id#_geo和id#google_geo。我们只需修改关键函数showPosition()。先来看网络地图接口交互,我们将经纬度信息通过Ajax方式发送给网络地图接口,接口会返回相应的省市区街道信息。网络地图接口返回的是一串JSON数据,我们可以根据需求将需要的信息展示给div#_geo。注意这里用到了jQuery库,需要先加载jQuery库文件。
function showPosition(position){
var latlon = position.coords.latitude+','+position.coords.longitude;
//
var url = "<a href="http://api.map..com/geocoder/v2/?ak=&callback=renderReverse&location="+latlon+"&output=json&pois=0">http://api.map..com/geocoder/v2/?ak=&callback=renderReverse&location="+latlon+"&output=json&pois=0</a>";
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
beforeSend: function(){
$("#_geo").html('正在定位...');
},
success: function (json) {
if(json.status==0){
$("#_geo").html(json.result.formatted_address);
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#_geo").html(latlon+"地址位置获取失败");
}
});
});
再来看谷歌地图接口交互。同样我们将经纬度信息通过Ajax方式发送给谷歌地图接口,接口会返回相应的省市区街道详细信息。谷歌地图接口返回的也是一串JSON数据,这些JSON数据比网络地图接口返回的要更详细,我们可以根据需求将需要的信息展示给div#google_geo。
function showPosition(position){
var latlon = position.coords.latitude+','+position.coords.longitude;
//google
var url = 'http://maps.google.cn/maps/api/geocode/json?latlng='+latlon+'&language=CN';
$.ajax({
type: "GET",
url: url,
beforeSend: function(){
$("#google_geo").html('正在定位...');
},
success: function (json) {
if(json.status=='OK'){
var results = json.results;
$.each(results,function(index,array){
if(index==0){
$("#google_geo").html(array['formatted_address']);
}
});
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#google_geo").html(latlon+"地址位置获取失败");
}
});
}
D. js微信获取地理位置的接口怎么用
微信官方文档解释如下:
公众号须开通“上报地理位置”的接口;
用户在关注后进入公众号会话时,会弹框让用户确认是否允许公众号使用其地理位置。(弹框只在关注后出现一次,用户以后可以在公众号详情页面进行操作)
用户同意上报地理位置后,每次进入公众号会话时,都会在进入时上报地理位置,上报地理位置以推送XML数据包到开发者填写的URL来实现。
推送XML数据包示例:
<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>123456789</CreateTime>
<MsgType><![CDATA[event]]></MsgType>
<Event><![CDATA[LOCATION]]></Event>
<Latitude>23.137466</Latitude>
<Longitude>113.352425</Longitude>
<Precision>119.385040</Precision>
</xml>
第三方在收到地理位置上报信息之后,只需要回复success表明收到即可(不允许回复消息给粉丝)
E. html5 geolocation怎么使用
定位用户的位置
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
浏览器支持
Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
注释:对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。
HTML5 - 使用地理定位
请使用 getCurrentPosition() 方法来获得用户的位置。
二、
HTML5 Geolocation API是新增的地理位置应用程序接口。它提供了一个可以准确感知浏览器用户当前地理位置的方法。如果浏览器支持,且设备具有定位功能,就能够直接使用这个API来获取当前位置信息。
window.navigator.geolocation对象存在3个方法:
1. getCurrentPosition 获取当前地理位置
2. watchPosition 监视位置信息
3. clearWatch 停止获取位置信息
F. 手机上网浏览到有些网站显示地理定位怎么实现的
使用HTML5地理位置定位功能(纯HTML代码或JS)
利用网络地图和谷歌地图接口获取用户地址
G. HTML5的Geolocation接口可以获取手机的gps定位吗
Geolocation接口不可以获取手机的gps定位,这个api具有自己特有的定位方式。
定位用户的位置
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
用法如下:
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击这个按钮,获得您的位置:</p>
<button onclick="getLocation()">试一下</button>
<div id="mapholder"></div>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
lat=position.coords.latitude;
lon=position.coords.longitude;
latlon=new google.maps.LatLng(lat, lon)
mapholder=document.getElementById('mapholder')
mapholder.style.height='250px';
mapholder.style.width='500px';
var myOptions={
center:latlon,zoom:14,
mapTypeId:google.maps.MapTypeId.ROADMAP,
mapTypeControl:false,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
};
var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break;
}
}
</script>
</body>
</html>
H. 用户提交订单 上传地理位置 接口怎么设计
1、接口定义确定MVCGET或者POST式
由于我整Web API平台基于MVC基础进行API发整Web API接口定义候般需要显示声明接口[HttpGet]或者[HttpPost]虽些接口用声明避免现类似面错误信息显式声明处
请求资源支持 http POST
例基类定义查找象接口所示
///
/// 查询数据库,检查否存指定ID象
///
/// 象ID值
/// 存则返指定象,否则返Null
[HttpGet]
public virtual T FindByID(string id, string token)
增删改接口般需要声明POST式提交数据且基于安全性考虑需要携带更参数
///
/// 插入指定象数据库
///
/// 指定象
/// 执行操作否功
[HttpPost]
public virtual CommonResult Insert(T info, string token, string signature, string timestamp, string nonce, string appid)
2、态象接口定义
般Web API接口面我能都碰简单类型参数想让POST式提交数据我两种处理种定义类放置些参数种采用态JObject参数前者便我能每接口参数定义实体类能难管理类定义面微信API调用接口案例我需要设置处理规则
接口调用请求说明
http请求式: POST(请使用https协议)
POST数据格式:json
POST数据例:{"group":{"id":108,"name":"test2_modify2"}}
我采用JObject呢我看接口定义处理代码JObjectNewtonsoft.Json.Linq命名空间象
///
/// 修改用户密码
///
/// 包含userNameuserPassword复合象
/// 用户访问令牌
///
[HttpPost]
public CommonResult ModifyPassword(JObject param, string token)
{
//令牌检查,通则抛异
CheckResult checkResult = CheckToken(token);
dynamic obj = param;
if (obj != null)
{
string userName = obj.userName;
string userPassword = obj.userPassword;
bool success = BLLFactory.Instance.ModifyPassword(userName, userPassword);
return new CommonResult(success);
}
else
{
throw new MyApiException("传递参数现错误");
}
}
其我JObject象转换我所需要象候我没定义具体实体类采用dynamic语声明态象由运行获取应属性
dynamic obj = param;
我调用候态POST应JSON象给Web API接口需要预先定义各种接口参数类
///
/// 调用Web API接口修改用户密码
///
/// 用户名称
/// 修改密码
/// 修改功返true否则返false
public bool ModifyPassword(string userName, string userPassword)
{
var action = "ModifyPassword";
var postData = new
{
userName = userName,
userPassword = userPassword
}.ToJson();
string url = GetTokenUrl(action);
CommonResult result = JsonHelper.ConvertJson(url, postData);
return (result != null) ? result.Success : false;
}
其GetTokenUrl根据tokenAPI址等参数构建完整提交址我面代码通
var postData = new
{
userName = userName,
userPassword = userPassword
}.ToJson();
态创建象并JSON字符串数据POST提交应API接口面即结进行象转换算完
3、集合页处理
接口面我都需要用页处理Web API例外提交数据检索效率减少服务器数据处理压力同提交客户端数据显示速度
般集合接口定义所示(通用性基类接口)
///
/// 返数据库所象集合
///
/// 指定象集合
[HttpGet]
public virtual List GetAll(string token)
{
//检查用户否权限否则抛MyDenyAccessException异
base.CheckAuthorized(AuthorizeKey.ListKey, token);
List list = baseBLL.GetAll();
return list;
}
返记录比较般情况需要页页处理接口定义所示
///
/// 根据条件查询数据库,并返象集合(用于页数据显示)
///
/// 指定象集合
[HttpPost]
public virtual PagedList FindWithPager(string condition, PagerInfo pagerInfo, string token)
页接口返结面用PageList泛型类便我获取前记录及总数定义所示
///
/// 页集合
///
/// 象
public class PagedList
{
///
/// 返记录总数
///
public int total_count { get; set; }
///
/// 列表集合
///
public List list { get; set; }
}
整页处理Web API接口实现所示
///
/// 根据条件查询数据库,并返象集合(用于页数据显示)
///
/// 指定象集合
[HttpPost]
public virtual PagedList FindWithPager(string condition, PagerInfo pagerInfo, string token)
{
//检查用户否权限否则抛MyDenyAccessException异
base.CheckAuthorized(AuthorizeKey.ListKey, token);
List list = baseBLL.FindWithPager(condition, pagerInfo);
//构造Json格式传递
var result = new PagedList() { total_count = pagerInfo.RecordCount, list = list };
return result;
}
客户端调用页Web API代码所示
///
/// 根据条件查询数据库,并返象集合(用于页数据显示)
///
/// 查询条件
/// 页实体
/// 指定象集合
public virtual List FindWithPager(string condition, ref PagerInfo pagerInfo)
{
var action = "FindWithPager";
string url = GetTokenUrl(action) + string.Format("&condition={0}", condition);
var postData = pagerInfo.ToJson();
List result = new List();
PagedList list = JsonHelper<PagedList>.ConvertJson(url, postData);
if (list != null)
{
pagerInfo.RecordCount = list.total_count;//修改总记录数
result = list.list;
}
return result;
}
4、混合框架界面整合Web API接口
整Web API平台构建及混合框架整合程我各模块遵循相独立式进行发整合实现直接访问数据库、WCF服务获取数据及通WebAPI调用式获取数据几种式统实现整混合框架高度整合
整混合框架核相独立式整合各重用模块我遵循定基础快速构建统应用平台
搭建完毕整WebAPI平台其包括服务端内容API控制器式发布应Web API接口
每混合框架独立模块面我封装应Web API客户端调用处理实现Web API调用式
Win10使用Web API模式运行混合框架获主体界面效所示
独立模块权限管理系统界面所示
系列文章所示:
Web API应用架构Winform混合框架应用(1)
Web API应用架构Winform混合框架应用(2)--自定义异结处理
Web API接口设计经验总结
Web API应用架构Winform混合框架应用(3)--Winfrom界面调用WebAPI程解
Web API应用架构Winform混合框架应用(4)--利用代码工具快速发整套应用
Web API应用架构Winform混合框架应用(5)--系统级别字典公司级别字典并存处理式
I. android如何获取地理位置
三种方式进行定位,获取用户位置,分别是基于基站定位, 网络定位,GPS定位。
1.基站定位(passive):这是基于网络基站进行定位的,定位的精确度在几十米到几千米不等,在城市中基站覆盖率比较高,推荐使用基站定位,如果是在郊区,基站相距较远,基站的覆盖没有城里好,定位的误差比较大。如果在郊区不推荐使用基站定位。
2.网络定位:wifi定位,网络定位
3.GPS定位:与卫星进行通信。手机中嵌入了GPS模块(精简版的A-GPS),通过A-GPS搜索卫星, 获取经纬度。使用GPS的弊端是:必须站在空旷的地方,头顶对着天空,如果云层厚了,也会受到一定的影响。精确度:10-50米
扩展知识:
使用Android是定位必备的权限:
< uses-permission android:name= " android.permission.ACCESS_FINE_LOCATION " /> //精确定位
<uses-permission android:name= "android.permission.ACCESS_MOCK_LOCATION" /> //模拟器
<uses-permission android:name= "android.permission.ACCESS_COARSE_LOCATION" /> //粗糙定位
//获取定位管理对象
LocationManager lm=(LocationManager)getSystemService(LOCATION_SERVICE);
String[] names=lm.getAllProviders();//获取所有的位置提供者,一般三种
Criteria criteria=new Criteria();//查询条件,如果设置了海拔,则定位方式只能是GPS;
criteria.setCostAllowed(true);//是否产生开销,比如流量费
String provider=lm.getBaseProvider(criteria,true)//获取最好的位置提供者,第二个参数为true,表示只获取那些被打开的位置提供者
lm.requestLocationUpdates(provier,0,0,new LocationListener(){});//获取位置。第二个参数表示每隔多少时间返回一次数据,第三个参数表示被定位的物体移动每次多少米返回一次数据。
private class MyLocationListener implements LocationListener {
@Override
public void onStatusChanged(String provider, int status, Bundle extras) {
}
@Override
public void onProviderEnabled(String provider) {
}
@Override
@Override
public void onLocationChanged(Location location) {
System. out.println( "服务中位置监听发送了变化了" );
float accuracy = location.getAccuracy(); // 精确度
double altitude = location.getAltitude(); // 海拔
double latitude = location.getLatitude(); // 纬度
double longitude = location.getLongitude(); // 经度
String locationInfo = "jing:" + longitude + ",wei:" + latitude + ",haiba:" + altitude + ",jingque:" + accuracy;
Editor edit = sp.edit();
edit.putString( "location", locationInfo);
edit.commit();
}
} public void onProviderDisabled(String provider) {
}
J. 如何通过google map api实现地图定位
1. 通过 IP 得到地址
2. JavaScript下使用地理译码
varmap=newGMap2(document.getElementById("map"));
vargeocoder=newGClientGeocoder();
functionshowAddress(address){
geocoder.getLatLng(
address,
function(point){
if(!point){
alert(address+"notfound");
}else{
map.setCenter(point,13);
varmarker=newGMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}