HTML5获取当前的经纬度坐标位置(DEMO+源码)

HTML5获取当前的经纬度坐标位置(DEMO+源码)

目录

概述

1)通过html原生调用 (手机可用)

2)通过高德地图调用(chrome本地可用,手机需要https)

概述

获取经纬度坐标有两种方式:1)通过html原生调用(手机可用);(2)通过高德地图调用;

可直接复制代码使用,高德需要准备key

因为浏览器对于获取位置信息有限制,所以需要使用HTTPS加密链接。

私人服务器偶尔出问题。我会不定期修复,或通过点击这里打开或添加QQ110146324提醒我。

1)通过html原生调用 (仅手机可用)

扫码查看HTML原生获取坐标DEMO

https://demo.goodthink.wang:8443/position/yuansheng.html

原生H5页面获取手机坐标

位置:

2)通过高德地图调用(chrome本地可用,手机需要https)

扫码查看高德获取坐标DEMO

高德H5页面获取手机坐标(本地文件可用,手机需要https)

使用高德请自行申请Key

高德H5页面获取手机坐标(本地文件可用,手机需要https)

相关数据