HTML5开发之获取设备的地理坐标

最近一段时间开始学一下html5,发现里面有好多的知识还是蛮新颖的,所以整理了一下自己练习过的demo给大家分享下,下面的代码是通过js接口获取当前的地理坐标。
<!doctype html>//1 这里时与原来html文件的区别
<html>
<head>
<meta charset="utf-8">//2 这里时与原来html文件的区别
<title>html5 demo </title>
</head>

<body>
<div id="demo">You location will be here!</div>
<script>
var x=document.getElementById("demo");
window.onload =getLocation;
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="该浏览器不支持获取地理位置。";}
  }
function showPosition(position)
  {
  x.innerHTML="纬度: " + position.coords.latitude +
  "<br>经度: " + position.coords.longitude;
  }
</script>
</body>
</html>

运行结果如下:

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-09-27 16:16:03

HTML5开发之获取设备的地理坐标的相关文章

iOS开发 - 如何获取设备的总容量和可用容量 网络运营商 3g/wifi判断 手机型号

镔哥最近开发需获取手机容量,其实这你是一个很好的例子 //硬盘容量 - (float)getTotalDiskSpace { float totalSpace; NSError * error; NSDictionary * infoDic = [[NSFileManager defaultManager] attributesOfFileSystemForPath:[self getHomeDirectory] error: &error]; if (infoDic) { NSNumber *

[转载]iOS开发:获取设备信息

开发iOS平台的应用的时候,可以获取iOS设备的设备信息,包括设备的名称,设备的机型,设备的iOS版本等等.设备信息主要来自 UIDevice 类. UIDevice *currentDevice = [UIDevice currentDevice]; NSString *strName = currentDevice.name; //设备名称 NSString *strModel = currentDevice.model; //设备类别 NSString *strLocalizedModel

UWP开发:获取设备信息

UWP可获取的设备信息如下:设备名称.设备标识符.设备操作系统.设备固件版本号.设备硬件版本号.设备制造商.设备系统产品.设备SKU等. 后台代码: public MainPage() { this.InitializeComponent(); Test(); } string info = "设备名称{0}\n设备标识符{1}\n设备操作系统{2}\n设备固件版本号{3}\n设备硬件版本号{4}\n设备制造商{5}\n设备系统产品{6}\n设备SKU{7}\n "; public v

Android开发之获取设备的屏幕信息

1 DisplayMetrics metric = new DisplayMetrics(); 2 getWindowManager().getDefaultDisplay().getMetrics(metric); 3 int width = metric.widthPixels; // 屏幕宽度(像素) 4 int height = metric.heightPixels; // 屏幕高度(像素) 5 float density = metric.density; // 屏幕密度(0.75

iOS开发-获取设备型号信息

开发中有的时候查看设计统计数据,或者通过日志查看错误信息,这个时候我们就需要获取获取设备信息,看下关于设备有几种方法: NSLog(@"%@",[[UIDevice currentDevice] name]);//设备名称 NSLog(@"%@",[[UIDevice currentDevice] model]);//设备类型 NSLog(@"%@",[[UIDevice currentDevice] localizedModel]); NSLo

HTML5 移动开发(移动设备检测及对HTML5的支持)

1.如何选择要使用的特性以及所面向的浏览器 2.哪些浏览器支持HTML5 3.如何检测是否支持HTML5 4.如何开发贷容错性的Web应用程序 5.CSS3媒体查询如何增强检测脚本 使用HTML5这类前沿预言时,可能会选择以下两种方案 一. 尽可能地靠拢新标准,忽略那些不支持的平台 二.不使用任何新技术,知道改标准被浏览器系统广泛支持. 现在我们要使用的是第三种方法:就是对新技术理智的取舍,并慎重处理兼容性问题,这样就能开发出对大多数用户都可靠且实用的Web应用程序. 有4种检测HTML5功能的

ios开发——实用技术篇OC篇&amp;获取设备唯一标识

获取设备唯一标识 WWDC 2013已经闭幕,IOS7 Beta随即发布,界面之难看无以言表...,简直就是山寨Android. 更让IOS程序猿悲催的是,设备唯一标识的MAC Address在IOS7中也失效了. IOS系统中,获取设备唯一标识的方法有很多: 一.UDID(Unique Device Identifier) UDID的全称是Unique Device Identifier,顾名思义,它就是苹果IOS设备的唯一识别码,它由40个字符的字母和数字组成. 二.UUID(Univers

WinPcap的开发与应用:获取设备列表

获取设备列表 1.通常,编写基于WinPcap应用程序的第一件事情,就是获得已连接的网络适配器列表.libpcap和WinPcap都提供了 pcap_findalldevs_ex() 函数来实现这个功能: 这个函数返回一个 pcap_if 结构的链表, 每个这样的结构都包含了一个适配器的详细信息.值得注意的是,数据域 name 和 description 表示一个适配器名称和一个可以让人们理解的描述. 下列代码能获取适配器列表,并在屏幕上显示出来,如果没有找到适配器,将打印错误信息. 有关这段代

UWP Windows10开发获取设备位置(经纬度)

1.首先要在UWP项目的Package.appxmanifest文件中配置位置权限,如下图所示: 2.Package.appxmanifest后选择第三个选项卡,勾选位置权限(Location) 打开 3.然后创建一个LocationManage类,包括以下代码: public async static Task<Geoposition> GetPosition() { //请求对位置的访问权 var accessStatus = await Geolocator.RequestAccessA