百度地图API 快速搭建
文章插图
一. 想要在HTML中加载地图 ， 使用js形式 ， 先去申请个秘钥 ， 然后输入ak=
1二. 其他的跟HTML没啥区别 ， 这里只说API部分 。 创建实例：
var map = new BMap.Map("allmap");// 创建Map实例1从此 ， 后面的东西都是跟这个map有关了 。
比如设置方法用：
比如：map.doSomething(params);doSomething是map的方法 ， params是这个方法的参数（可以是对象或者字符串参数） 。 在创建map之后第一件事是要创建地图起始点和显示级别：
map.centerAndZoom(new BMap.Point(120, 22), 11);centerAndZoom就是map的一个方法 ， 第一个参数Point作为地图中心坐标点 ， 第二个参数是级别 ， 级别数字越小看到的地图范围越大 。 又比如设置当前城市是广州：
map.setCurrentCity("广州");1. 设置地图配置地图的拖曳 ， 缩放等一般直接用API已有的配置方法：方法 返回值 说明
enableDragging()none启用地图拖拽 ， 默认启用 。 disableDragging()none禁用地图拖拽 。 enableScrollWheelZoom() none启用滚轮放大缩小 ， 默认禁用 。 disableScrollWheelZoom()none禁用滚轮放大缩小 。 enableDoubleClickZoom() none启用双击放大 ， 默认启用 。 disableDoubleClickZoom()none禁用双击放大 。 enableKeyboard()none启用键盘操作 ， 默认禁用 。 键盘的上、下、左、右键可连续移动地图 。 同时按下其中两个键可使地图进行对角移动 。 PgUp、PgDn、Home和End键会使地图平移其1/2的大小 。 +、-键会使地图放大或缩小一级 。 disableKeyboard()none禁用键盘操作 。 enableInertialDragging()none启用地图惯性拖拽 ， 默认禁用 。 (自 1.1 新增)disableInertialDragging()none禁用地图惯性拖拽 。 (自 1.1 新增)enableContinuousZoom()none启用连续缩放效果 ， 默认禁用 。 (自 1.1 新增)disableContinuousZoom() none禁用连续缩放效果 。 (自 1.1 新增)enablePinchToZoom() none启用双指操作缩放 ， 默认启用 。 (自 1.1 新增)disablePinchToZoom()none禁用双指操作缩放 。 (自 1.1 新增)enableAutoResize()none启用自动适应容器尺寸变化 ， 默认启用 。 (自 1.2 新增)disableAutoResize() none禁用自动适应容器尺寸变化 。 (自 1.2 新增)setDefaultCursor(cursor:String) none设置地图默认的鼠标指针样式 。 参数cursor应符合CSS的cursor属性规范 。 (自 1.1 新增)getDefaultCursor()String返回地图默认的鼠标指针样式 。 (自 1.1 新增)setDraggingCursor(cursor:String)none设置拖拽地图时的鼠标指针样式 。 参数cursor应符合CSS的cursor属性规范 。 (自 1.1 新增)getDraggingCursor() String返回拖拽地图时的鼠标指针样式 。 (自 1.1 新增)setMinZoom(zoom:Number) none设置地图允许的最小级别 。 取值不得小于地图类型所允许的最小级别 。 (自 1.2 新增)setMaxZoom(zoom:Number) none设置地图允许的最大级别 。 取值不得大于地图类型所允许的最大级别 。 (自 1.2 新增)2. 获取地图状态参数getBounds() Bounds返回地图可视区域 ， 以地理坐标表示 。 getCenter() Point返回地图当前中心点 。 getDistance(start:Point, end:Point) Number返回两点之间的距离 ， 单位是米 。 (自 1.1 新增)getMapType()MapType 返回地图类型 。 (自 1.2 新增)getSize()Size返回地图视图的大小 ， 以像素表示 。 getViewport(view: Array[, viewportOptions: ViewportOptions]) Viewport根据提供的地理区域或坐标获得最佳的地图视野 ， 返回的对象中包含center和zoom属性 ， 分别表示地图的中心点和级别 。 此方法仅返回视野信息 ， 不会将新的中心点和级别做用到当前地图上 。 (自 1.1 新增)getZoom()Number返回地图当前缩放级别 。
推荐阅读
- 马斯克刚成全球首富，行业又爆重磅新闻！百度要造汽车了，合作方是它！传与苹果合作造车，韩国汽车巨头股价暴涨
- 传闻坐实：李书福李彦宏联手！吉利百度官宣造车
- 用户|2020互联网「年终盘点」之盘点：百度最泪目，趣头条接地气
- 2021年互联网巨头第一仗！飞书开撕微信，阿里华为百度全都入局
- 2020百度地图生态大会：开放平台十周年 为行业送出多个解决方案“大礼包”
- “新冠疫苗接种地图”上线了
- 四维图新携手嬴彻科技 高精度地图落地自动驾驶干线物流
- 苹果地图被指“审查”前往华盛顿特区的路线
- 一个人完成AI开发和部署 百度飞桨实现铁路货车车号精准检测
- 百度网盘主体公司发生变更，市值翻倍正值拆分上市好时机？