高德地圖javascriptAPI基本使用心得（上）

高德地圖主要用於移動APP的開發提供便利的api，這裏列出幾種前端javascript對高德的使用方法，更多方式詳見 http://lbs.amap.com/api/javascript-api/summary/
javascript引用高德，首先要註冊高德開發平臺帳號，目的是爲了獲取開發過程所須要的key值，不一樣平臺的開發須要申請不一樣的key值，對於不一樣key值的用途官方文檔有詳細介紹。博主在此用到web端key值和web服務的key值，key值主要用於頁面引入高德插件時的src裏 ，必填。
1.建立一個基本的高德地圖

var map = new AMap.Map('container', {
        resizeEnable: true,
        zoom:11,
        center: [116.397428, 39.90923]
 });

html代碼

<div id="container"></div>

引入的高德插件

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你申請的key值"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

2.地理編碼（經過一個地址，獲取經緯度）

//地理編碼
    function geocoder() {
        var geocoder = new AMap.Geocoder({
           // city: "全國", //城市，默認：「全國」
            radius: 1000 //範圍，默認：500
        });
        //地理編碼,返回地理編碼結果
        var input = $("#addressinput").val();//輸入你的地址
        geocoder.getLocation(input, function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                geocoder_CallBack1(result);
            }
        });
    }

//地理編碼返回結果展現
    function geocoder_CallBack1(data) {
        var resultStr = "";
        //地理編碼結果數組
        var geocode = data.geocodes;
        for (var i = 0; i < geocode.length; i++) {
            //拼接輸出html
            resultStr += "<span style=\"font-size: 12px;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\">" + "<b>地址</b>：" + geocode[i].formattedAddress + "" + "&nbsp;&nbsp;<b>的地理編碼結果是:</b><b>&nbsp;&nbsp;&nbsp;&nbsp;座標</b>：" + geocode[i].location.getLng() + ", " + geocode[i].location.getLat() + "" + "<b>&nbsp;&nbsp;&nbsp;&nbsp;匹配級別</b>：" + geocode[i].level + "</span>";
            addMarker(i, geocode[i]);
            lnglatXY = [geocode[i].location.getLng(),geocode[i].location.getLat()];
        }
        map.setFitView();
        document.getElementById("result").innerHTML = resultStr;
        regeocoder();
    }