谷歌地图 API 开发之获取当前坐标(经纬度)
时间:2020-05-22
本文章向大家介绍谷歌地图 API 开发之获取当前坐标(经纬度),主要包括谷歌地图 API 开发之获取当前坐标(经纬度)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
很多时候要定位到当前所在的位置,谷歌地图 API 没找到,然后网上搜的是通过原生js geolocation来实现的。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<div id="demo"></div>
</head>
<body>
<script type="text/javascript">
var x=document.getElementById("demo");
getLocation();
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
var lng = position.coords.longitude;
var lat = position.coords.latitude;
var site = lat.toFixed(6)+','+lng.toFixed(6);
console.log(site)
document.getElementById("demo").innerHTML = site;
}
</script>
</body>
</html>
当发现能实现之后,确实是内心特别欣喜。然而,放到服务器端,就会有警告提示: getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
翻译一下,大致意思如下:getCurrentPosition()
和 watchPosition()
这两个方法在不安全的环境下不建议使用,在以后的规范可能不会支持。你应该考虑appliaction
的安全性,比如使用https。详细情况请看https://goo.gl/rStTGz
因为获取位置信息,以及监控位置的变化这些操作都属于敏感性操作,所以browsers
在执行都会非常谨慎。它需要你在安全的环境并且获取用户的同意才会执行。所以,用https
协议 会正常显示的。
谷歌了好久,貌似都是这个意思,如果大家有其它办法,还望赐教。O(∩_∩)O~
原文地址:https://www.cnblogs.com/homehtml/p/12935064.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- shell expect权威指南和实战
- 3种方式限制ip访问Oracle数据库
- 服务发现之consul的介绍、部署和使用
- Mybatis处理查询map 为null 导致查询map无该key对象
- 深入对比TOML,JSON和YAML
- consul配置参数大全、详解、总结
- 跳跃表原理和实现
- 你动、蒙娜丽莎跟着一起动,OpenCV这么用,表情口型造假更难防了
- 好用的PHP高性能多并发restful的HTTP Client
- Golang程序调试工具介绍(gdb vs dlv)
- tcp_tw_reuse、tcp_tw_recycle注意事项
- PHP性能规范
- PHP代码规范
- php调试利器之phpdbg
- 【DB笔试面试860】在Oracle中,如何判断Oracle是32位还是64位?