百度地图api实例

我已经做好了api定点和单机查看信息窗口,最左侧有城市选择，支持关键词搜索。

分类：统计图 > 地图难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

//地图基本设置
var map = new BMap.Map("allmap");//创建实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);//初始化地图
map.enableScrollWheelZoom(true);//开启地图缩放
map.addControl(new BMap.MapTypeControl());//添加地图类型控件
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));//右上角添加缩放按钮
map.addControl(new BMap.CityListControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));//左上角添加城市切换列表
//添加右键菜单

var menu = new BMap.ContextMenu();
var txtMenuItem = [
    {
        text: '放大',
        callback: function() {
            map.zoomIn()
        }
    },
    {
        text: '缩小',
        callback: function() {
            map.zoomOut()
        }
    }
];
for (var i = 0; i < txtMenuItem.length; i++) {
    menu.addItem(new BMap.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback, 100));
}
map.addContextMenu(menu);
//添加检索功能
var local = new BMap.LocalSearch(map, {
    renderOptions: {map: map}
});

//单击事件
$("#submit").bind("click", function() {
    var e = $("#search").val();
    local.search(e);
});