Detailed explanation of the graphic code for converting longitude and latitude into addresses using JavaScript-JS Tutorial-php.cn

Detailed explanation of the graphic code for converting longitude and latitude into addresses using JavaScript

黄舟

Release： 2017-03-28 14:11:49

Original

3051 people have browsed it

This article mainly introduces JavaScript to convert longitude and latitude into addresses, which is very good. It has reference value. Friends who need it can refer to it

During the development process of webAPP, it is necessary to convert the returned longitude and latitude into a Chinese address. It was achieved after a lot of trouble. The summary is as follows

Principle Analysis:

BaiduMAP API provides a JS library, we only need to use this Interface to achieve the conversion Function, here I write a simple demo to share with you

<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>
  <p id="allmap"></p>
<script type="text/javascript" src="mapapi.js"></script>
</body>
</html>

Copy after login

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 传入的纬度

Copy after login

Write the code in the above picture in the JS file, call the function to get the Chinese through the incoming latitude and longitude Address, taking Chengdu as an example, open the HTML page

Detailed explanation of the graphic code for converting longitude and latitude into addresses using JavaScript

## and you can implement a simple longitude and latitude address conversion function through JS

The above is the detailed content of Detailed explanation of the graphic code for converting longitude and latitude into addresses using JavaScript. For more information, please follow other related articles on the PHP Chinese website!