百度地图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>