ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用して緯度経度を住所に変換するグラフィックコードの詳細説明

JavaScriptを使用して緯度経度を住所に変換するグラフィックコードの詳細説明

黄舟
黄舟オリジナル
2017-03-28 14:11:493034ブラウズ

この記事では主に経度と緯度を住所に変換するJavaScriptを紹介しています。非常に優れており参考価値があります。必要です。参照してください

webAPP の開発プロセスでは、返された経度と緯度を中国の住所に変換する必要があります。要約は次のとおりです。

BaiduMapAPIは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%;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>
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 ページ

JavaScriptを使用して緯度経度を住所に変換するグラフィックコードの詳細説明

を開くと、単純な経度と緯度を実現できます。 JSによるアドレス変換機能

以上がJavaScriptを使用して緯度経度を住所に変換するグラフィックコードの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。