介绍 & lt; ! DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0,过渡//EN",“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt;才能title>点击地图获取地址和经纬度地图,地址,液化天然气,lat
& lt;才能meta name=皉obots",内容=皀oindex,, nofollow"比;
& lt;才能meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8"/比;
& lt; !——,才能将百度地图API引入,设置好自己的key ——比;
& lt;才能script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" http://api.map.baidu.com/api?v=2.0&ak=7a6QKaIilZftIMmKGAFLG7QT1GLfIncg ">
头
<身体>
小编给大家分享一下JS怎么使用百度地图API自动获取地址和经纬度,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
在实际工作中我们经常会遇到这样的问题,但是当我们去看百度API的时候往往又达不到我们的要求。
故此,本篇博文讲述如何使用百度地图API自动获取地址和经纬度:
1, HTML代码如下
<形式方法=皃ost”action=" name="给" enctype=岸嗖糠?格式”onsubmit="返回验证()">
<表格单元格间距=?”单元格边距宽度=?”=?00%”>
经度
纬度
地址
& lt; script 类型=拔谋?javascript"比;
function 才能validate (), {
,,,var sever_add =, document.getElementsByName (& # 39; sever_add& # 39;) [0] value;
,,,if (isNull (sever_add)), {
,,,,,警报(& # 39;请选择地址& # 39;);
,,,,,return 假;
,,,}
,,,return 真实;
,,}//才能判断是否是空
function 才能isNull (a), {
,,,return (a ==, & # 39; & # 39;, | |, typeof (a),==, & # 39;未定义# 39;,| |,a ==, null), ?, true :,假;
,,}
,,. getelementbyid(& # 39;开放# 39;).onclick =, function (), {
,,,if (. getelementbyid (& # 39; allmap& # 39;) .style.display ==, & # 39;没有# 39;),{
,,,,,. getelementbyid (& # 39; allmap& # 39;) .style.display =, & # 39;块# 39;;
,,,},{else
,,,,,. getelementbyid (& # 39; allmap& # 39;) .style.display =, & # 39;没有# 39;;
,,,}
,,}
var 才能;map =, new BMap.Map (“allmap");
var 才能;geoc =, new BMap.Geocoder();,,//地址解析对象
var 才能;markersArray =, [];
var 才能;geolocation =, new BMap.Geolocation ();
var 才能;point =, new BMap.Point (116.331398, 39.897445);
map.centerAndZoom才能(12点,,),,//,中心点
geolocation.getCurrentPosition才能(function (r), {
,,,if (this.getStatus (),==, BMAP_STATUS_SUCCESS), {
,,,,,var mk =, new BMap.Marker (r.point);
,,,,,map.addOverlay(可);
,,,,,map.panTo (r.point);
,,,,,map.enableScrollWheelZoom(真正的);
,,,}
,,,else {
,,,,,警报(& # 39;失败# 39;,+,this.getStatus ());
,,,}
,,},{enableHighAccuracy:,真的})
map.addEventListener才能(“click",, showInfo);//清才能除标识
function 才能;clearOverlays (), {
,,,if (markersArray), {
,,,,,for (小姐:markersArray拷贝),{
,,,,,,,map.removeOverlay (markersArray[我])
,,,,,}
,,,}
,,}//地才能图上标注
function 才能;addMarker(点),{
,,,var marker =, new BMap.Marker(点);
,,,markersArray.push(标记);
,,,clearOverlays ();
,,,map.addOverlay(标记);
,,}//点才能击地图时间处理
function 才能showInfo (e), {
,,,. getelementbyid(& # 39;液化天然气# 39;).value =, e.point.lng;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
