×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

APP开发怎样解决高德地图的使用?

文章编辑:网站建设 文章来源:APP开发 浏览量:

  APP开发怎样解决高德地图的使用?深圳APP开发公司我们将向各位APP开发者以及项目规划介绍高德地图的使用方法,高德地图是国内领先的手机地图服务商,其提供的地图服务技术先进、性能优越,为设计人员所青睐。下面这个高德地图应用(详见“4-5.使用高德地图显示用户当前的地理位置.html”网页文件)将在地图上显示用户当前的地理位置并进行标注。
【代码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个用于对用户位置的循环监视。
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制作知识就分享到这里,谢谢关注,博纳网络编辑整理。
 
 

当前文章链接:/construction/appkaifa/3146.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。