PhonegapGPS百度地图.docxVIP

PhonegapGPS+百度地图 这是一个基于phonegapgps api+百度地图api的简单示例，首页是默认北京天安门附近的地图，点击现在切换到手机当前位置地图。虽然只有两个简单的页面，但关键的两个功能都是实现了（gps调用和地图展现），希望大家在这个示例的基础上，开发出一些位置方面的手机应用。 你可以先从MM开发环境官网下载该示例的源码，然后倒入MM开发环境（UDE官网首页右上方有MM开发环境整体安装包下载）的HTML5工程，选中工程，单击右键，然后选择运行方式中的生成APK安装包即可生成桌面应用。注意开启手机设置中位置的GPS和无线网络功能，特别是无线网络，我没勾选这个选项时，总是提示无法获取当前坐标，打勾后就可以了。使用百度地图，还要开通手机上网功能，否则无法下载地图。工程结构图：源码下载地址：/ude/template-detail-49.do/ude/template-detail-49.doMM开发环境下载地址：/ude/index.do/ude/index.do 点击右上角“工具下载”。主要代码：index.html!DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1 / link rel=stylesheet href=./css/jquery.mobile-1.2.0.css / style /style script type=text/javascript src=/api?v=1.2/scriptscript src=./js/jquery.js/script script src=./js/jquery.mobile-1.2.0.js/scriptscript src=./js/cordova-2.2.0.js/scriptscript type=text/javascriptfunction createMap(init,nLongitude,nNorthLatitude,sCity){ var wrong = (!(nLongitude) || !(nNorthLatitude)) ? true : false; nLongitude = (nLongitude) ? nLongitude : 116.3869220; nNorthLatitude = (nNorthLatitude) ? nNorthLatitude : 39.8886370; sCity = sCity || 北京天安门; var map = new BMap.Map(container);// 创建地图实例北纬:112.8866513；东经:28.221527 map.addEventListener(click, function(e){ map.clearOverlays(); var point = new BMap.Point(e.point.lng, e.point.lat); var marker = new BMap.Marker(point);// 创建标注112.9456; 28.2345; map.addOverlay(marker); var gps={class:uexComm,if:onLocation,lac:e.point.lng,lat:e.point.lat}; uexSocketMgr.sendData(cmdDispatcher,JSON.stringify(gps)); }); var opts = {type: BMAP_NAVIGATION_CONTROL_LARGE }; map.addControl(new BMap.NavigationControl(opts)); map.addControl(new BMap.MapTypeControl()); var point = new BMap.Point(nLongitude,nNorthLatitude); // 创建点坐标 //map.setCurrentCity(sCity); map.centerAndZoom(point, 15); var marker = new BMap.Marker(point);// 创建标注 map.addOverlay(marker); try { localStorage.setItem(longitude, + nLongitude); localStorage.setItem(latitude, + nNorth