文章目录

  • 前言
  • 简单位置定位
  • 总结

前言

HTML+JavaScript语言

主要在网页上显示一下几种类型


地图位置定位

HTML代码如下

<p id="location">用来显示定位信息的</p><input type="button" value="定位" onclick="showLocation()">
<script type="text/javascript">var x = document.getElementById("location");//定义一个函数;用来获取用户定位信息function showLocation() {//判断是否可以定位if (navigator.geolocation) {// getCurrentPosition()中需要传入一个回调函数navigator.geolocation.getCurrentPosition(location_1);} else {x.innerHTML = "无法获取当前位置"}}function location_1(position) {//显示获取的用户定位中的纬度和经度x.innerHTML = "纬度:" + position.coords.latitude + "经度:" + position.coords.longitude + "海拔:" + position.coords.altitude;}</script>

发生获取失败的情况

permission denied -用户不允许地理定位

position unavailable-无法获取当前位置

timeout -操作超时

<script type="text/javascript">function showError(erroe) {//-permission denied -用户不允许地理定位//——position unavailable-无法获取当前位置//-Timeout -操作超时switch (error.code) {case error.PERMISSION_DENIED:X.innerHTML = "用户不允许地理定位";break;case error.POSITION_UNAVAILABLE:X.innerHTML = "无法获取当前位置";break;case error.TIMEOUT:X.innerHTML = "操作超时";break;}}</script>

总结

以上就是今天要讲的内容,本文仅仅简单介绍了位置定位的使用,还记录了一些知识点

HTML百度地图开发者平台的使用,实现简单位置定位相关推荐

  1. 百度地图开发者平台的使用

    我们在做地图的时候不太可能自己去写一个地图,所以我们就用到了百度地图的开发平台 1.在浏览器中搜索百度地图开发者平台 2.进入网站找到开发者文档并进入JavaScript API 中(如果没有百度账号 ...

  2. 百度地图查找我的位置定位服务器,百度地图手机版如何进行我的位置定位?

    不知大家有没有使用过百度地图手机版我的位置定位功能?百度地图的位置定位功能很不错,我的位置定位让我们随时分享位置信息,可以通过这个位置定位功能让其他的好友都知道我们的具体所在位置,真是一个很实用的功能 ...

  3. 我的百度地图位置定位服务器,百度地图手机版如何进行我的位置定位?

    不知大家有没有使用过百度地图手机版我的位置定位功能?百度地图的位置定位功能很不错,我的位置定位让我们随时分享位置信息,可以通过这个位置定位功能让其他的好友都知道我们的具体所在位置,真是一个很实用的功能 ...

  4. 百度地图开发者平台普通IP定位功能详解

    前端时间业务需求,进而去了解IP定位的功能,一开始使用的免费API接口,但是几天时间接口就访问失效,了解到百度地图也有IP定位功能,所以记录使用的过程. 一.注册百度地图开发者,并创建应用 在创建应用 ...

  5. 如何在百度地图开发平台获取开发者Key(AK)

    一.搜索百度地图开放平台 二.点进去选择控制台 三.我的应用->创建应用 四. 五. 六.获取开发版SHA1 1.第一步,如果使用的是高版本的android studio ,它会自带jdk,需要 ...

  6. 申请百度地图开发者AK和基本使用

    前言 有需求就会有市场,百度地图也会开放一些免费的Api.来提供一些基本的地图服务. 今天我们讲解的是百度地图申请AK过程,和申请完之后基本的使用,方便大家日后有需要浏览. AK-申请 1.首先我们学 ...

  7. 百度地图开发者账号申请

    本篇文章要完成的效果 一.百度地图开发者账号申请 官网 : 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 没有的话注册一下 一般来说使用过百度云 就有百度账号 点 ...

  8. 后端根据百度地图真实路径距离_百度地图开放平台介绍--路线规划

    百度地图开放平台路线规划服务是结合实时交通,为用户提供覆盖国内外的路线规划服务.路线规划也是我们用户最常用到的功能之一,比如旅行时需要到达另外一个地方,通过百度地图可以快速规划距离最短路线或耗时最短路 ...

  9. php 百度逆地理编码,百度地图开放平台 Web服务API --Geocoding API (地理编码和逆地理编码)...

    百度地图开放平台地理编码服务和逆地理编码服务的api文档地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geoco ...

最新文章

  1. C++_泛型编程与标准库(五)
  2. opencv 图像识别 e语言_openCV-特征点匹配算法介绍一:理解特征
  3. python编程django遇到问题Passing a 3-tuple to include() is not supported.解决方案
  4. Java 洛谷 P5461 赦免战俘讲解
  5. Linux 第71天 mariadb backup and recovery
  6. [BZOJ1833][ZJOI2010]Count数字计数(DP)
  7. 销户c语言,c – 如何在注销时优雅地退出QApplication?
  8. python爬取新闻存入数据库_python 爬取古诗文存入mysql数据库的方法
  9. Linux 下Shell脚本中的加减乘除运算
  10. tcxgrid主从结构显示多行_快速跟随型主从结构多电机同步控制
  11. html5复选框控制按钮状态,HTML5如何添加原生radio按钮和checkbox复选框转换为非常好看的滑动开关按钮的插件...
  12. 获取文本上每个字符出现的次数并保留在map中,再将map中的数据写入文件
  13. Qt 维护工具MaintenanceTool.exe 使用
  14. [V811双核] 最新昂达V811最新2.0固件ROOT方法
  15. python3爬取拉钩招聘数据
  16. 三菱FX系列PLC的modbusTCP以太网通讯
  17. Win32 API 概论
  18. ServiceNow对实施IT服务管理的七个经验和成功实践
  19. 歌手大奖赛(C语言)
  20. WEB基础与前端开发--课程表页面的设计

热门文章

  1. 菜鸟笔记-DuReader阅读理解基线模型代码阅读笔记(九)—— 预测与校验
  2. java实现图形界面输入半径求圆面积_自学java真的很难吗?学到什么程度才能进大厂?...
  3. [BZOJ 3823]定情信物
  4. word中超链接显示成{HYPERLINK url}形式的解决方案
  5. Xpath语法(xml解析)
  6. 心算任务诱发fNIRS波动的频域分析
  7. Typora md文件大纲视图收起折叠
  8. 招标室访谈室专用高清录像机
  9. 【91xcz】WinXP系统内存优化
  10. 实现自动驾驶的难点有哪些?