用高德地图JS API获取位置经纬度并在当前页显示

2020年7月30日

前些天做一个项目的时候,需要录入商家的经纬度信息,以便用户可以查看附近的商家。

刚开始的时候由于开发时间紧,就用了一个比较笨的方法,让录入人员通过google地图的“这儿是什么”功能来查询经纬度,然后在把经纬度录入。这虽然能解决问题,但是比较麻烦,耗费时间比较多。

后来随着我们“附近”功能的升级,把客户端的地图API换成了高德地图,为了能使距离的精确性,后台录入也要使用高德地图。这时我就抽出时间把高德地图标注经纬度的方法研究了一下,终于解决了问题。

1.首先需要申请一个高德地图的key值,只有有了这个才能使用高德地图AP。申请地址,点击“获取KEY”,按步骤填空就行(绑定服务选择“JavaScript API”)~

在线测试PS:请把js引入部分的key值换成你申请下来的,要不然不能用哦~~

好了,下面打开页面试试效果吧。点击地图标注,打开高德地图,随便点击地图的一个位置,
更多精彩尽在这里,详情点击:http://lingyumach.net/,英超沃特福德看看右下角是不是出现了经纬度?此方法还可以通过地图页下面的搜索进行位置查找~

2015-11-10:根据关键字搜索出结果后,鼠标放到“标注”(A、B、C、D等)上可直接显示对应的经纬度(Line:370)

我也使用了高德地图浏览器定位的API,跟你最前面的那段差不多,它有一个oncomplete 函数得到经纬度信息通过dom方法显示到网页,我想在这个函数外部调用得到的经纬度,就是把它变成全局变量,怎么也不成功,想请教你一下改怎么写

您好,我想问一下我是用toolBar.doLocation()这个方法定位当前位置的,在这个方法后面我想用toolBar.getLocation()这个方法获取我的经纬度,为什么我alert不出来这个方法返回的值?只是告诉我undefined,我创建了一个返回值类型的对象也没用.

@Ylyao在 108 行那里是通过点击取到了经纬度,在这个后面通过 ajax 调用接口即可提交给后端。