百度地图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开发和部署 百度飞桨实现铁路货车车号精准检测
- 百度网盘主体公司发生变更,市值翻倍正值拆分上市好时机?
- 曝光 | 小鹏或春节前推送NGP更新,基于高精地图可自动变道
- 从工程师到“水果猎人”他在百度做科普