`

H5在手机端获取经纬度

    博客分类:
  • H5
H5 
阅读更多
引文参考
https://www.cnblogs.com/tingyatou/p/6903450.html
https://blog.csdn.net/lihua5419/article/details/77964786 经纬度转地址
H5获取用户经纬度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>

<p id="demo"></p>
<button onclick="getLocation()">获取经纬度</button>


</body>
<script>


var x=document.getElementById("demo");
var x2=document.getElementById("hideval");
function getLocation(){    //检测是否支持地理定位 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。
  if (navigator.geolocation){//如果getCurrentPosition()运行成功, //则向参数showPosition中规定的函数返回一个coordinates对象
    navigator.geolocation.getCurrentPosition(showPosition);
  }else{
    x.innerHTML="地理位置浏览器支持";
  }
}

function showPosition(position){  //showPosition() 函数获得并显示经度和纬度
  x.innerHTML="纬度: " + position.coords.latitude + "<br />经度: " + position.coords.longitude;
  x2.innerHTML= +position.coords.latitude +","+position.coords.longitude;
}
</script>

</html>
分享到:
评论

相关推荐

    腾旭API 平台 关于手机H5获取经纬度

    腾旭API 平台 关于手机H5获取经纬度,获取当前经纬度,生成当前地址。 pc端定位不准确,手机端正常。

    H5app手机端控制台打印vConsole

    在开发H5应用程序时,有时候我们需要在手机端查看和调试JavaScript的运行情况,这通常涉及到在手机控制台上输出日志信息。"H5app手机端控制台打印vConsole"是解决此类问题的一种工具,它允许开发者在移动设备上查看...

    Axure 8 元件资源库 (H5+手机端)

    《Axure 8 元件资源库:H5与手机端设计利器》 Axure作为一款强大的原型设计工具,广泛应用于产品经理和设计师的工作中。它提供了丰富的元件库,便于快速构建交互原型,节省设计时间。"Axure 8 元件资源库 (H5+手机...

    h5手机端签到demo

    h5手机端签到demo

    h5手机端触摸裁剪图片相片cropper.js

    "h5手机端触摸裁剪图片相片cropper.js"就是这样一个专门针对手机移动端的图片裁剪解决方案。它利用了JavaScript库cropper.js,实现了触摸操作下的图片裁剪功能,让用户在触屏设备上可以方便地调整和裁剪图片。 ...

    H5嵌入手机端页面直播

    通过学习和理解这些代码,你可以更好地掌握如何在手机端构建H5直播页面,并实现m3u8视频流的播放。 总之,H5嵌入手机端页面直播结合m3u8格式,为移动设备带来了便捷的在线直播体验。通过深入研究和实践,开发者可以...

    h5调用手机端扫一扫.zip

    本示例“h5调用手机端扫一扫.zip”是关于如何利用H5技术来调用手机端的扫一扫功能,实现二维码扫描的实例。这个压缩包包含了一个单独的HTML文件,特别适用于那些需要在移动设备上实现快速扫码功能的应用场景。 首先...

    h5+实现手机端的录音,拍照,录像App

    该demo使用h5+的功能基于android手机实现了录音,拍照,录像并进行上传下载,播放的功能,采用h5开发移动app,理论是支持android和ios的开发,开发工具采用hbuilder,利用hbuilder打包app在android机上运行,目前只...

    h5手机端带下拉刷新购物车

    在移动互联网时代,H5(HTML5)技术已经成为构建手机端网页应用的主流选择,它提供了丰富的功能和良好的用户体验。本项目"手机端带下拉刷新的购物车"是基于jQuery和HTML编写的,旨在为用户带来流畅、便捷的在线购物...

    h5调用手机相册,摄像头以及文件夹

    h5调用手机相册,摄像头以及文件夹,直接放在服务器上然后浏览就可以了。 QQ浏览器,Chrome,Safari浏览器都可以。

    前端,h5,响应式,美观,电脑端手机端自适应,例子参考

    总的来说,这个压缩包提供了一个学习和参考的平台,帮助开发者理解和实践H5、响应式设计、Bootstrap框架以及如何创建既适应电脑端又适用于手机端的网页。通过分析和修改这些模板,开发者可以提升自己的前端技能,...

    vue 实现Web端的定位功能 获取经纬度

    首先我这里的需求呢, 是获取当前用户的经纬度 经过无数次的测试, 先后用了 腾讯/百度地图的api,最后绝对还是高德的js APi 废话不多说, 直接上代码。   首先在 index.html 里面 引入 [removed][removed] 然后 去...

    H5手机端免费问卷调查平台系统aspnet源码

    支持手机端发布模式。专注于为企业和个人提供问卷表单的创建,发布,管理,收集及分析服务。 二、功能介绍 具体功能如下: 用户前台 1、用户登录功能。 2、用户注册: 注册新的用户身份。 3、用户个人中心:...

    前端H5图片预览,PC 手机端通用

    在开发Web应用时,前端H5图片预览功能是一个常见的需求,无论是在PC端还是移动端。这个主题主要涉及如何在HTML5环境下实现图片的预览,确保在不同设备上具有良好的兼容性和用户体验。"viewer.js"是一个常用的轻量级...

    H5手机端编辑图片.rar

    "H5手机端编辑图片.rar"这个压缩包文件显然包含了用于在手机端进行图片编辑的H5解决方案,它允许用户在浏览器环境下对上传的图片进行一系列操作,如旋转、裁剪、绘制特殊符号、添加文字以及调整文字颜色等。...

    .net手机端移动端多图片h5上传案例代码

    在.NET技术框架下,开发移动端应用时,常常需要实现用户在手机端通过H5页面上传图片的功能。这个".net手机端移动端多图片h5上传案例代码"提供了实现这一功能的具体示例。H5上传通常指的是使用HTML5的技术来实现文件...

    MF00246-手机端H5会议室预约系统源码.zip

    MF00246-手机端H5会议室预约系统源码是一个专为移动设备设计的Web应用程序,旨在方便用户通过手机浏览器预订会议室。这个源码提供了完整的开发框架和功能模块,帮助开发者快速构建一个功能完善的会议室预约平台。...

    h5在微信内获取信息,配置微信公众号流程

    h5在微信内获取信息,配置微信公众号流程

    h5前端手机模板-购物商城-页面超全-可直接运行.rar

    总的来说,这个压缩包提供的H5前端手机模板,为开发者提供了一个快速开发移动购物应用的基础框架,包含丰富的页面和功能,且兼容Spring Boot和Spring MVC后端,方便进行前后端集成。开发者可以根据自身需求进行定制...

    Html5_手机页.rar_H5 外卖餐饮 手机端_palaceyen_小程序H5_手机 html5外卖_手机外卖html

    HTML5技术在手机端餐饮外卖应用中的应用是一个重要的知识点,特别是在当前移动互联网高度发达的时代。"Html5_手机页.rar"这个压缩包文件显然包含了针对H5外卖餐饮服务的源代码,适合用于创建微信小程序、WAP版或者...

Global site tag (gtag.js) - Google Analytics