百度地图API功能

Eave 2016.08.05
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wE21hHWv4rlgetmM67q"></script>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("baidumap");
// 右上角,仅包含平移和缩放按钮。
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_SMALL}));
var point = new BMap.Point(114.033462, 22.536953);
map.centerAndZoom(point, 16);
// 创建标注
var marker = new BMap.Marker(point);
// 将标注添加到地图中
map.addOverlay(marker);
// 可拖拽
marker.enableDragging();
// 可以鼠标滚动 缩放比例尺
map.enableScrollWheelZoom();

marker.addEventListener("dragend", function(e)
{
    // 获取marker的位置
    var position = marker.getPosition();
    $('input[name="longitude"]').val(position.lng);
    $('input[name="latitude"]').val(position.lat);
});

// $('#address').keyup(function()
// {
//     var address = $.trim($('#address').val());
//     if(address != '')
//     {
//         address = $('#area').find("option:selected").text() + address;
//         // 创建地址解析器实例
//         var myGeo = new BMap.Geocoder();
//         // 将地址解析结果显示在地图上,并调整地图视野
//         myGeo.getPoint(address, function(point)
//         {
//             console.log(point);
//             if(point)
//             {
//                 map.centerAndZoom(point, 16);
//                 map.addOverlay(new BMap.Marker(point));
//             }
//         }, $('#city').find("option:selected").text());
//     }
// });
</script>