微客导航 » 文章资讯 » java微信开发中的地图定位功能

java微信开发中的地图定位功能

2023-09-09 21:29:05 128

页面代码:

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>





填写基本信息
js/common.css"rel="externalnofollow"rel="stylesheet"/>
js/jquery-2.1.0.js"type="text/javascript"charset="utf-8">
js/master.css"rel="externalnofollow"rel="stylesheet"/>





物品名称

拍照或从手机相册中选择图片选择图片

上传图片已上传图片

物品描述

经度

纬度

地址

海拔

保存地图

varimages={ index:1,//用于产生全局图片id，绑定已选择图片和已上传图片 selectIds:{},//保存已经选择的图片id uploadIds:{}//保存已经上传到微信服务器的图片 }; wx.config({ debug:false,//开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId:'${appid}',//必填，企业号的唯一标识，此处填写企业号corpid timestamp:'${timestamp}',//必填，生成签名的时间戳 nonceStr:'${nonceStr}',//必填，生成签名的随机串 signature:'${signature}',//必填，签名，见附录1 jsApiList:['getLocation','openLocation','chooseImage','uploadImage','downloadImage']//必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); functioni(i,a){ vart=52.35987755982988, e=a, n=i, o=Math.sqrt(e*e+n*n)+2e-5*Math.sin(n*t), l=Math.atan2(n,e)+3e-6*Math.cos(e*t), d=o*Math.cos(l)+.0065, s=o*Math.sin(l)+.006; return{ longitude:d, latitude:s } } varlat; varlng; wx.ready(function(){ wx.getLocation({ type:'gcj02',//默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' success:function(res){ lat=res.latitude;//纬度，浮点数，范围为90~-90 lng=res.longitude;//经度，浮点数，范围为180~-180。 varspeed=res.speed;//速度，以米/每秒计 varaccuracy=res.accuracy;//位置精度 vare=i(lng,lat); //alert(e.longitude+','+e.latitude); $("#jingdu").val(lng); $("#weidu").val(lat); //gooleapi获得海拔 varelevator=newgoogle.maps.ElevationService; varlatLng={"lat":lat,"lng":lng}; elevator.getElevationForLocations({ 'locations':[latLng] },function(results,status){ if(status==='OK'){ if(results[0]){ $("#haiba").val(results[0].elevation+"米"); }else{ } }else{ } }); varMJKD_LATLNG=e.longitude+','+e.latitude; varurl='http://api.map.baidu.com/geocoder/v2/?ak=6yAoynmTPNlTBa8z1X4LfwGE&location='+MJKD_LATLNG+'&output=json&pois=1'; $.get(url,function(data){ if(data.status===0){ //alert(data.result.formatted_address+'=>'+data.result.sematic_description); $("#dizhi").val(data.result.sematic_description); } },'jsonp'); } }); //图片接口 //拍照、本地选图 $("#chooseImage").on("click",function(){ wx.chooseImage({ success:function(res){ for(vari=0;i'); } console.log('已选择了'+Object.keys(images.selectIds).length+'张图片'); } }); }); //上传图片(保存到js) $("#uploadImage").on("click",function(){ if(Object.keys(images.selectIds).length==0){ alert('请先选择图片'); return; } vari=0,length=Object.keys(images.selectIds).length; varselectIds=[];//需要上传的图片的全局图片id for(varidinimages.selectIds){ selectIds.push(id); } functionupload(){ wx.uploadImage({ localId:images.selectIds[selectIds[i]],//根据全局图片id获取已选择图片 isShowProgressTips:0,//默认为1，显示进度提示 success:function(res){ //上传成功，images.selectIds中移除，images.uploadIds追加 //图片从已选择移到已上传区域 varselectId=selectIds[i]; localId=images.selectIds[selectId]; removeId(selectId); $('#uploadImgs').append(''); images.uploadIds[selectId]=res.serverId i++; if(i

总结

以上所述是小编给大家介绍的java微信开发中的地图定位功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

java微信开发中的地图定位功能

热门推荐

随机推荐