百度地图-js获取地理位置开发
时间:2019-01-18
本文章向大家介绍百度地图-js获取地理位置开发,主要包括百度地图-js获取地理位置开发使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
一. 首先要申请一个key
- 百度地图开放平台:http://lbsyun.baidu.com/
注册/登录->控制台->创建应用->获取key
ps:创建应用时注意应用类型和白名单哦~
二. 开发
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=你的key"></script>
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
// let mk = new BMap.Marker(r.point);
// map.addOverlay(mk);
// map.panTo(r.point);
//判断用户是否允许授权
// if (r.accuracy==null || r.accuracy=='null') {
// }else{
locale_region_name = r.address.city;
location_lat = r.point.lat;
location_lng = r.point.lng;
// }
// console.log('百度定位您的坐标:' + r.point.lng + ',' + r.point.lat);
// let wgs_84 = bdCoordinateConvertWGS84(r.point.lng, r.point.lat);
// console.log('百度转wgs-84坐标:' + wgs_84.lng + ',' + wgs_84.lat);
// location_lat = wgs_84.lat;
// location_lng = wgs_84.lng;
} else {
console.log('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
要点1:使用http请求时,网页不提示地理位置授权,只能获取大概地理位置,误差很大(使用高德地图定位时会直接报错必须升级https)
要点2:当用户拒绝网站使用浏览器位置时,百度地图会通过其他方式获取大概位置,判断用户是否允许授权可根据accuracy来判断;等于null则用户拒绝授权
- 基础JavaScript装逼指南
- 碎片化 | 第四阶段-42-校验验证码-视频
- Angularjs中UI Router超级详细的教程{{上}}
- 【LEETCODE】模拟面试-120- Triangle
- Spring Cloud Edgware新特性之四:Zuul routes端点功能增强
- Spring Cloud Edgware新特性之三:使用配置属性自定义Feign的行为
- 碎片化 | 第四阶段-43-struts2拦截器interceptor-视频
- Spring Cloud Edgware新特性之二:如何配置Zuul的Hystrix线程池
- 碎片化 | 第四阶段-44-struts2注解使用-视频
- Spring Cloud Edgware新特性之:解决Eureka中Jersey 1.x版本过旧的问题-不使用Jersey
- 如何自定义微服务的Instance ID
- 怎样做情感分析
- Python|编写自己的类
- 碎片化 | 第四阶段-45-session为空问题解决-视频
- 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 数组属性和方法
- C# 实现Winform全屏后不遮挡任务栏,显示任务栏
- [TP5填坑]关于助手函数input一不小心取不到get值的解决办法
- 关于nginx为站点绑定域名以及绑定多个域名
- PBMC or 全血,应该选哪个?
- 关于thinkphp5的报错 "mkdir() Permission denied"的解决
- 不同步节点在线使用Remix开发以太坊Dapp及solidity学习入门 ( 一 ):智能合约HelloWorld
- solidity编写eth智能合约之contract 创建合约(二)
- solidity modifier函数修改器 智能合约开发知识浅学(三)
- solidity struct 结构体创建与使用浅学 (四)
- solidity bytes 智能合约开发知识浅学(五点一)bytes基本概念
- Web程序员的Mysql进阶序二之sql多条数据插入、多条数据更新、多表同时查询
- Web程序员的Mysql进阶序三之sql多表数据删除、子查询、联合查询
- nginx 修改配置文件使之支持pathinfo,且隐藏index.php
- 微信jssdk开发,PHP,必要步骤
- 微信JSSDK分享页面自定义当前链接最简单示例