首页 > JS专栏 > 根据具体地址获取腾讯地图的经纬度
2015
10-19

根据具体地址获取腾讯地图的经纬度

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>坐标获取</title> 
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script> 
</head> 
<body onload="init()"> 
	<input type="text" name="location" id="sp_location" value="请输入具体地址" class="mid_text" /> 
	<input type="button" class="mid_butt" id="sp_butt"   value="获取坐标" /> 
	<br> 
	<label for="latlng"></label> 
	<input type="hidden" name="latlng" value="" class="mid_tet" readonly /> 
  
<script type="text/javascript"> 
$("#sp_butt").click(function(){ 
            var sp3=document.getElementById("sp_location").value; 
            if(sp3==""){ 
                alert("请输入地理位置!"); 
                }else{ 
if($('label[for=latlng]').html() == '' && typeof(marker) == 'undefined')
geocoder.getLocation($('input[name=location]').val()); 
                }; 
            }); 
// QQ map. 
var init = function() { 
    var callbacks={ 
        //若服务请求成功,则运行以下函数,并将结果传入 
        complete:function(result){ 
  
            var latlng = result.detail.location; 
            if ( $("input[name='latlng']").val() == '' ){ 
                $("input[name='latlng']").val(latlng); 
                $("label[for='latlng']").html($("input[name='latlng']").val()); 
            } 
        }, 
        //若服务请求失败,则运行以下函数 
        error:function(){ 
        alert("出错了。请先填写地址!"); 
        } 
    } 
    //创建类实例 
    geocoder = new qq.maps.Geocoder(callbacks); 
} 
</script> 
</body> 
</html>


留下一个回复