腾讯地图api将物理地址转化成坐标 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地址解析</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }
        body,
        button,
        input,
        select,
        textarea {
            font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
        }
        p {
            width: 603px;
            padding-top: 3px;
            margin-top: 10px;
            overflow: hidden;
        }
        input#address {
            width: 300px;
        }
    </style>
    <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
 
</head>
 
<body onload="init()">
    <script>
        var geocoder = null;
        var init = function() {
            geocoder = new qq.maps.Geocoder();
        }
             
            function codeAddress() {
                var address = document.getElementById("address").value;
                //对指定地址进行解析
                geocoder.getLocation(address);
                //设置服务请求成功的回调函数
                geocoder.setComplete(function(result) {
                    alert(result.detail.location);
                });
                //若服务请求失败，则运行以下函数
                geocoder.setError(function() {
                    alert("出错了，请输入正确的地址！！！");
                });
            }
    </script>
    <div>
        <input id="address" type="textbox" value="中国,北京,海淀区,海淀大街38号">
        <button onclick="codeAddress()">search</button>
    </div>
</body>
 
</html>

 

posted @ 2015-11-03 17:27  Earic  阅读(2503)  评论(0)    收藏  举报