JavaScript实现经纬度转换成地址功能
更新时间：2017年03月28日 09:25:02 作者：文艺小清新
这篇文章主要介绍了JavaScript实现经纬度转换成地址,非常不错，具有参考借鉴价值，需要的朋友可以参考下
在webAPP开发过程中，需要将返回的经纬度转换成中文地址，一番折腾后得以实现，总结如下
原理分析：
百度地图API提供了一个JS库，我们只需要用这个接口就可以实现转换功能，这里我写一个简单的demo，与君共勉
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:14px;}
#allmap {width:100%;height:100%;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DD279b2a90afdf0ae7a3796787a0742e"></script>
<title>逆地址解析</title>
</head>
<body>
<div id="allmap"></div>
<script type="text/javascript" src="mapapi.js"></script>
</body>
</html>
function map_click(lng,lat){
var map = new BMap.Map(“allmap”);
var point = new BMap.Point(lng,lat);
map.centerAndZoom(point,12);
var geoc = new BMap.Geocoder();
geoc.getLocation(point,function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + “, ” + addComp.city + “, ” + addComp.district + “, ” + addComp.street + “, ” + addComp.streetNumber);
});
}
map_click(104.098225,30.56028);
//参数解析
//@parameter1 lng 传入的经度
//@parameter2 lat 传入的纬度
在JS文件中写入上图中的代码，调用函数即可通过传入的经纬度获取到中文地址，以成都为例，打开HTML页面
如此即可通过JS实现简单的经纬度地址转换功能。
以上所述是小编给大家介绍的JavaScript实现经纬度转换成地址功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要为大家详细介绍了js仿QQ邮箱收件人选择与搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
JavaScript——DOM操作——Window.document对象详解
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
下面小编就为大家带来一篇给easyui datebox扩展一个清空按钮的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
js中事件监听就是利用addEventListener来绑定一个事件,这个用法在jquery中非常常用并且简单,但在原生js中比较复杂,下面这篇文章主要给大家介绍了关于JavaScript注册监听事件和清除监听事件方式的相关资料,需要的朋友可以参考下2023-05-05
本文给大家分享两种方法实现JS限制input框只能输入0~100的正整数,方法二是直接通过设置三个属性,type、min、max即可,就可以设置0~100的整数,感兴趣的朋友跟随小编一起看看吧2024-02-02
这篇文章主要介绍了javascript中提供了Date对象来进行时间和日期的计算，这里简单的介绍下， 方便需要的朋友2013-03-03
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
下面的章节描述的是一个 合理 的现代 JavaScript 开发风格指南，并非硬性规定。其想送出的核心理念是高度统一的代码风格（the law of code style consistency）。2014-05-05
这篇文章主要介绍了原生JS实现$.param() 函数的方法，由于遇到相关序列化的问题，但是vue项目中由于减少队jquery引用的限制，导致不能用$.param来序列化参数，下面小编给大家分享了实例代码，需要的朋友参考下吧2018-08-08
这篇文章主要介绍了JS实现无限级网页折叠菜单(类似树形菜单)效果代码,涉及JavaScript基于鼠标事件实现针对页面元素结点的遍历及样式操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了JS匿名函数类生成方式,结合实例形式分析了javascript匿名函数类相关属性与方法定义与使用技巧,需要的朋友可以参考下2016-11-11
最新评论