前言

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>