使用地图API,获取经纬度并传到服务器

原创 2016年06月01日 15:43:07
使用地图API,获取经纬度并传到服务器
一张高德地图搞定用户的位置定位
    网上看了很多使用地图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 ="您当前经纬度:"+"<br>"+"<br>"+""+a+","+b;}

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


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

          我们需要在html页面上加入两个隐藏域<input type="hidden" value="0" name="x"/><input type="hidden" value="0" name="y"/>,然后用JS给隐藏域重新赋值:

if(a==undefined){
document.getElementById("lnglat").innerHTML="请选择你的坐标!"+"<br>"+"<br>"+"<br>";
}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来接收经纬度。
      以上便是通过地图获取经纬度到服务器的具体方法,方法可能还有缺陷,以后改进。
版权声明:本文为博主原创文章,未经博主允许不得转载。

java api从高德地图获取某个位置的经纬度

1、代码展示 import com.fasterxml.jackson.databind.JsonNode; import com.ning.http.client.AsyncHttpClient; ...
  • eff666
  • eff666
  • 2016年08月05日 08:51
  • 9068

用高德地图API 通过详细地址获得经纬度

用高德地图API 通过详细地址获得经纬度http://restapi.amap.com/v3/geocode/geo?key=xxxxxxxxxxxxxxxx&s=rsv3&city=35&addre...
  • qwdafedv
  • qwdafedv
  • 2017年06月28日 16:27
  • 239

服务端java实现根据地址从百度API获取经纬度

服务端java实现根据地址从百度API获取经纬度 代码:   [java] view plain copy  print? package com.pb....
  • qq_38245537
  • qq_38245537
  • 2017年10月19日 14:14
  • 129

2.使用地图API,获取经纬度并传到服务器的可行方法

使用地图API,获取经纬度并传到服务器的可行方法 一张高德地图搞定用户的位置定位     网上看了很多使用地图API实现位置自动定位的文章, JS代码不一,但效果都一样:获取一张用户自己位置的地...
  • qq_27109081
  • qq_27109081
  • 2015年07月29日 15:03
  • 552

【高德地图API】从零开始学高德JS API(五)路线规划——驾车|公交|步行

先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1、路线规划,指的是为用户提供3条路线推荐。【高德】在提供路线规划的时候,会提供用户自定义路线规划功能,这...
  • q1512451239
  • q1512451239
  • 2017年02月27日 17:18
  • 233

使用地图API,获取经纬度并传到服务器

使用地图API,获取经纬度并传到服务器 一张高德地图搞定用户的位置定位     网上看了很多使用地图API实现位置自动定位的文章, JS代码不一,但效果都一样:获取一张用户自己位置的地图显示在相...
  • localhost01
  • localhost01
  • 2016年06月01日 15:43
  • 1389

百度地图api--拖动地图显示经纬度与显示当前位置

一.首先引入所申请的ak密钥 二.简单样式处理一下body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{he...
  • jiangzunshao
  • jiangzunshao
  • 2016年11月04日 23:30
  • 1275

百度地图api--根据经纬度获取地点

一.首先引入所申请的ak密钥 二.简单样式处理一下body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}#allmap{he...
  • jiangzunshao
  • jiangzunshao
  • 2016年11月04日 23:31
  • 648

【高德地图API】从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等。如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血。有个各种各样的...
  • api_autonavi
  • api_autonavi
  • 2014年05月27日 11:37
  • 3050

java服务器高德地图API

  • 2015年07月06日 17:56
  • 794KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用地图API,获取经纬度并传到服务器
举报原因:
原因补充:

(最多只允许输入30个字)