javascript 百度map 调用

最新推荐文章于 2025-11-30 09:20:25 发布

最新推荐文章于 2025-11-30 09:20:25 发布 · 173 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了使用百度地图API进行地图应用开发的过程，包括创建Map实例、设置城市、添加控件以及搜索地点等功能。

/**
 * @author wsf
 */
// 百度地图API功能
var map = new BMap.Map("allmap");
// 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
// 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.NavigationControl());
// 添加平移缩放控件
map.addControl(new BMap.ScaleControl());
// 添加比例尺控件
map.addControl(new BMap.OverviewMapControl());
//添加缩略地图控件
//map.enableScrollWheelZoom();
//启用滚轮放大缩小
//map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));//不显示三维按钮
map.addControl(new BMap.MapTypeControl());//不显示三维按钮
//添加地图类型控件
map.setCurrentCity("北京");
// 设置地图显示的城市 此项是必须设置的

var local = new BMap.LocalSearch(map, {
	renderOptions : {
		map : map
	}
});
local.search(mapSearchKey);