手机版

JavaScript实现经纬度转换为地址功能

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

在webAPP开发过程中,需要将返回的经纬度转换成中文地址,经过一番折腾就可以实现,总结如下

原理分析:

百度地图API提供了一个JS库。我们只需要使用这个接口来实现转换功能。在这里我写一个简单的演示给大家分享

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%;高度: 100%;margin:0Font-family: '微软雅黑';font-size :14 px;} # all map { width :100%;高度:100%;} /style脚本类型=' text/JavaScript ' src=' http :http://API . map . Baidu.com/API?v=2.0ak=DD 279 B2 a 90 afdf 0 AE 7a 3796787 a 0742 e '/脚本标题反向地址解析/title/head body div id=' all map '/div脚本类型=' text/JavaScript ' src=' http 3360 map pi . js '/脚本/body/html function map _ click(LNG,lat){ var map=new BMap。map(" all map ");var点=新的BMap。点(液化天然气,lat);地图中心和缩放(点,12);var geoc=新的BMap。geocoder();geoc.getLocation(点,函数(RS){ var addComp=RS . address components;警报(addComp .省份”、“addComp .城市”、“addComp .地区”、“addComp .街道”、“addComp .街道号码);});}map_click(104.098225,30.56028);//参数解析//@ parameter 1 long传入的经度//@ parameter 2 lat传入的纬度将上图中的代码写在JS文件中,通过传入的经纬度调用函数获取中文地址。以成都为例,打开HTML页面。

这里写图片描述

这样就可以通过JS实现简单的经纬度地址转换功能。

以上就是边肖为了实现经纬度转换成地址的功能而推出的JavaScript。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:JavaScript实现经纬度转换为地址功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。