9am代码拖放地理定位.pptxVIP

地理定位、拖放APIH5高级

Geolocation介绍GeolocationAPI用于将用户当前地理位置信息共享给信任的站点GeolocationAPI位于navigator对象中，只有3个方法getCurrentPosition();watchPosition();clearWatch();

getCurrentPosition 语法： navigator.geolocation.getCurrentPosition(success_callback,error_callback,{geolocation选项}) 参数： -success_callback:用户允许共享geolocation的回调 -error_callback：获取地理位置失败的回调，传入错误对象，包含code,message属性 -选项： enableHighAccuracy:是否更精确读取经纬度，默认false

getCurrentPosition(续1)navigator.geolocation.getCurrentPosition(function(position){ -position的属性： 1、coords latidude：当前位置的纬度 longitude：当前位置的经度 altitude：海拔，海平面以上以米计 speed:速度，以米/秒计})

百度地图API百度地图也提供了非常完整的地图信息策略，并且可以根据用户指定的地理位置信息进行定位。使用步骤： 申请秘钥（ak）

百度地图API使用步骤：1、引入百度地图API，即导入百度地图相关的js文件scriptsrc=”你的ak”/script2、查阅API文档，完成功能

百度地图API(续1)构造函数：Map(“container”) varmap=newBMap.Map(allmap);定位显示城市及缩放比例： centerAndZoom(point/cityName,level) map.centerAndZoom(“廊坊市”，15);启用鼠标滚轮更改显示比例： enableScrollWheelZoom(true);添加缩放平移控件：addControl(newBMap.NavigationControl());添加比例尺：addControl(newBMap.ScaleControl());

百度地图API（续2）获取当前设备的地理位置：Geolocation对象 vargeolocation=newBMap.Geolocation();通过geoCurrentPosition事件，传递position参数获取当前位置 geolocation.getCurrentPosition(function(position){}) getStatus()判断获取地理信息的状态，状态码由百度地图API提供，共8个

百度地图API（续3）BMAP_STATUS_SUCCESS检索成功。对应数值“0”BMAP_STATUS_CITY_LIST城市列表。对应数值“1”BMAP_STATUS_UNKNOWN_LOCATION位置结果未知。对应数值“2”BMAP_STATUS_UNKNOWN_ROUTE导航结果未知。对应数值“3”BMAP_STATUS_INVALID_KEY非法秘钥。对应数值“4”BMAP_STATUS_INVALID_REQUEST非法请求。对应数值“5”BMAP_STATUS_PERMISSION_DENIED没有权限。对应数值“6”BMAP_STATUS_SERVICE_UNAVAILAVLE没有权限。对应数值“7”BMAP_STATUS_TIMEOUT超时。对应数值“8”

百度地图API（续4）通过position参数获取当前设备的地理位置 -position.point：表示当前地理坐标对象 --position.point.Lng：当前的经度 --position.point.Lat：当前的纬度Marker(point):创建覆盖物即标点map.addOverlay(marker):将覆盖物添加到地图上map.penTo(point):将地图中心点移动到指定点上

百度地图地址解析通过Geocoder对象解析地址并得到坐标点 varmygeo=newBmap.Geocoder(); mygeo.getPoint(“善知堂”，function(point){ //point表示文化大厦的坐标点 map.centerAndZoom(point,16);})

Web拖放在桌面应用程序上，可以将元素从一个位置拖到另一个位置，但在web上，开发者没有一直能够实现这种操作的标准技术，从而在web上去实现这个功能