博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用地图API,获取经纬度并传到服务器
阅读量:6374 次
发布时间:2019-06-23

本文共 979 字,大约阅读时间需要 3 分钟。

引言:一张高德地图搞定用户的位置定位

网上看了很多使用地图API实现位置自动定位的文章, JS代码不一,但效果都一样:获取一张用户自己位置的地图显示在相应的Div上面。而现在,假如说我们想点击已定位的地图上的一个地方,则会把该位置的经纬度从客户端传到服务器,然后将该经纬度通过 Smtp协议,发送给某人的邮箱,那么该怎么做呢?

第一步:通过JS把地图上所点击的位置的经纬度获取到并显示到页面

在我们初始化的地图上加一个click监听AMap.event.addListener(map,'click',getLnglat);当点击地图时则调用getLnglat函数:

function getLnglat(e){      	 var a = e.lnglat.getLng();  	 var b = e.lnglat.getLat();   	 document.getElementById("lnglat").innerHTML ="您当前经纬度:"+"
"+"
"+""+a+","+b;} 复制代码

而该函数负责给声明的a,b赋经纬值并在Inglat上显示点击位置的经纬度。现在,我们就从地图上把点击位置的经纬度用JS获取到了,并赋给了a,b。

第二步: 把获取到的经纬度传到服务器

我们需要在html页面上加入两个隐藏域:

复制代码

然后用JS给隐藏域重新赋值:

if(a==undefined){  	document.getElementById("lnglat").innerHTML="请选择你的坐标!"+"
"+"
"+"
"; }else{ document.all.x.value=a; document.all.y.value=b; document.insertForm.submit(); } } 复制代码

if(a==undefined)判断是否获取到经度,document.insertForm.submit()用JS实现表单的提交。而表单的action只要是指向服务器即可把两个隐藏域的值传递到服务器。

第三步:服务器获取经纬度

double x, y;声明两个double类型的x,y,即可使用request来接收经纬度。

以上便是通过地图获取经纬度到服务器的具体方法,方法可能还有缺陷,以后改进。

转载地址:http://kynqa.baihongyu.com/

你可能感兴趣的文章
Xshell用鼠标选中一段文字后自动换行的问题
查看>>
vue-element-admin 4.0.1 发布,后台集成方案
查看>>
sql左链接、内链接、右链接、全链接
查看>>
TurnipBit:DIY音乐盒教程实例
查看>>
IOS-UI基础-按钮
查看>>
删除/添加/调用WordPress用户个人资料的联系信息
查看>>
POJ 3744 Scout YYF I 矩阵快速幂
查看>>
在linux下执行依赖多个jar的类的方法
查看>>
****** 二十五 ******、软设笔记【数据库】-数据库语言-数据定义、数据查询
查看>>
day7面向对象--反射
查看>>
文件打开方式
查看>>
ERROR 2002
查看>>
NET多线程探索-NET线程基础知识点
查看>>
Oracle 11g R2 新特性
查看>>
微信小程序新手知识
查看>>
java中数据流的简单介绍
查看>>
根据物流号查看物流信息
查看>>
jsp设置MIME类型
查看>>
python模拟自动登录网站(urllib2)
查看>>
Java 对文件的操作
查看>>