APP开发怎样解决高德地图的使用？深圳APP开发公司我们将向各位APP开发者以及项目规划介绍高德地图的使用方法，高德地图是国内领先的手机地图服务商，其提供的地图服务技术先进、性能优越，为设计人员所青睐。下面这个高德地图应用（详见“4-5.使用高德地图显示用户当前的地理位置.html”网页文件）将在地图上显示用户当前的地理位置并进行标注。
【代码4-5】
【代码4-5】
01 <! DOCTYPE html> 02 < html> 03 < script language=" javascript" src=" http:// webapi. amap. com/ maps? v= 1. 2"></ script> // 高 德 地图 脚本 04 < body> 05 < div id=" imap" style=" width: 600px; height: 200px;"></ div> // 高 德 地图 容器 06 </ body> 07 < script> 08 window. onload = function(){ // 页面 资源 加载 完毕 后 执行 09 navigator. geolocation. getCurrentPosition( function (position ) { 10 var lnglat = new AMap. LngLat( position. coords. longitude, position. coords. latitude); // 经纬度 对象
11 var mapObj = new AMap. Map(" imap",{ // 实例 化 地图 对象 12 center: lnglat, // 地图 中心点 13 level: 13 // 地图 缩放 登记 14 }); 15 var marker = new AMap. Marker({ // 实例 化 图标 对象 16 map: mapObj, // 地图 对象 17 position: lnglat, // 基点 位置 18 icon:" http:// webapi. amap. com/ images/ marker_ sprite. png", // 图标， 直接 传递 地址 图片 地址 19 offset:{ x:- 8, y:- 34} // 相对于 基点 的 位置 20 }); 21 }, function( error){ 22 debugger; 23 }, { 24 enableHighAccuracy : false, 25 maximumAge : 10, 26 timeout : 8000
27 }); 28 } 29 </ script> 30 </ html>
示例效果如图4.19所示。
通过Geolocation接口获取经纬度并显示在地图上浏览器的Geolocation对象有如下3个方法：
getCurrentPosition：获取用户当前的位置信息，只能获取1次。watchPosition：循环检测用户的地理位置，只要发生变化，浏览器就会触发watchPosition函数。
clearWatch：清除1个用于对用户位置的循环监视。
通过Geolocation接口获取经纬度并显示在地图上浏览器的Geolocation对象有如下3个方法：getCurrentPosition：获取用户当前的位置信息，只能获取1次。watchPosition：循环检测用户的地理位置，只要发生变化，浏览器就会触发watchPosition函数。
clearWatch：清除1个用于对用户位置的循环监视。
getCurrentPosition和watchPosition的用法类似，语法如下：navigator.geolocation.getCurrentPosition(geolocationSuccess,geolocationError,geolocationOptions);geolocationSuccess当获取经纬度信息成功时触发，回调函数接收1个带有用户信息的对象字面量，包含两个属性coords和timestamp，其中coords属性对象包含以下7个属性值：accuracy：精确度。
latitude：纬度。
longitude：经度。
altitude：海拔，海平面以上以米计。
altitudeAccuracy：海拔的精确度。
heading：朝向，从正北开始以度计。speed：速度，以米/秒计。geolocationError为错误回调函数，当无法获取用户经纬度时，浏览器会触发该函数，并传回错误对象，具体可能出现的错误情况可以参考文档http://dev.w3.org/geo/api/specsource.html#permission_denied_error。geolocationOptions参数为自定义的对象字面量，拥有3个自定义属性，具体如下：
enableHighAccuracy：返回更加精确的用户信息数据，默认为false关闭，如果设置为true，浏览器将消耗更多的时间用于获取信息，在移动设备上使用会消耗更多的电量。
timeout：浏览器获取用户位置信息的超时时间，默认为0。
maximumAge：浏览器获取用户位置信息后的缓存时间，单位为毫秒，默认为0，表示每次都重新获取。
APP开发公司小结本章主要介绍了HTML5地理位置定位的特性，包括定位、追踪和路线等功能，并通过多个实际范例介绍了如何使用HTML5地理位置定位的方法，希望对您有一定的帮助。好了，APP开发公司本文关于“APP开发怎样解决高德地图的使用？”的相关APP制作知识就分享到这里，谢谢关注，博纳网络编辑整理。
latitude：纬度。
longitude：经度。
altitude：海拔，海平面以上以米计。
altitudeAccuracy：海拔的精确度。
heading：朝向，从正北开始以度计。speed：速度，以米/秒计。geolocationError为错误回调函数，当无法获取用户经纬度时，浏览器会触发该函数，并传回错误对象，具体可能出现的错误情况可以参考文档http://dev.w3.org/geo/api/specsource.html#permission_denied_error。geolocationOptions参数为自定义的对象字面量，拥有3个自定义属性，具体如下：
enableHighAccuracy：返回更加精确的用户信息数据，默认为false关闭，如果设置为true，浏览器将消耗更多的时间用于获取信息，在移动设备上使用会消耗更多的电量。
timeout：浏览器获取用户位置信息的超时时间，默认为0。
maximumAge：浏览器获取用户位置信息后的缓存时间，单位为毫秒，默认为0，表示每次都重新获取。
APP开发公司小结本章主要介绍了HTML5地理位置定位的特性，包括定位、追踪和路线等功能，并通过多个实际范例介绍了如何使用HTML5地理位置定位的方法，希望对您有一定的帮助。好了，APP开发公司本文关于“APP开发怎样解决高德地图的使用？”的相关APP制作知识就分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/appkaifa/3146.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
