本篇整理仅适用与没有接触或对百度地图开放平台API基本没有概念的人

拖拽类

  • 启用地图拖拽 默认启用 enableDragging()
    对应的禁止方法 disableDragging( )
  • 启用地图习惯性拖拽 默认禁止 enableInertialDragging()
    对应的禁止方法 disabInertialDragging
  • 设置地图可拖动区域,参数为地图拖拽的区域范围 setBounds(bounds:Bounds)

缩放类

  • 启用自动适应容器尺寸变化,默认启用 enableAutoResize()
  • 禁用自动适应容器尺寸变化 disableAutoResize()
  • 允许地图可被鼠标滚轮缩放,默认禁用 enableScrollWheelZoom()
    禁止地图被鼠标滚轮缩放 disableScrollWheelZoom()
  • 开启双击平滑缩放效果 enableContinuousZoom()
    关闭双击平滑效果 disableContinuousZoom()

    • 启用地图双击缩放,左键双击放大,右键双击缩小enableResizeOnCenter()
      取消地图双击缩放 disableResizeOnCenter()

resize ()

强制地图调整尺寸,此时会以当前容器尺寸为基准重新计算视野所需图像数据并重新绘制。当关闭自动调整视野时(enableAutoResize 配置),需要调用此方法来强制地图刷新。

关于图区resize中心点

  • 开启图区中心点位置不变 enableResizeOnCenter()
  • 关闭图区中心位置不变 disableResizeOnCenter()

开启键盘

-启用键盘操作,默认禁用。 enableKeyboard()键盘的上、下、左、右键可连续移动地图。同时按下其中两个键可使地图进行对角移动。PgUp、PgDn、Home和End键会使地图平移其1/2的大小。+、-键会使地图放大或缩小一级

  • 禁用 disableKeyboard()

地图相关属性

  • 地图当前尺寸 (px)getsize() 返回size
  • 地图容器的尺寸 getCountainerSize(),返回size
  • 地图的DOM容器元素 getContainer() 返回HTMLElement
  • 地图级别 getZoomUnits() 返回Number 一个像素对应多少单位的平面墨卡托坐标
  • 地图类型 getMapType()
  • 获取地图坐标类型,为CoordType常量 getMapStyleId()

坐标类

  • 像素坐标转化为经纬度坐标 pixelToPoint(pixel:Pixel) 返回Point(点的坐标)
  • 经纬度坐标转换为像素坐标 pointToPixel(point:Point)返回经纬度坐标
  • 经纬度球体坐标转换为墨卡托平面坐标 lnglatToMercator(lng: Number, lat: Number),返回墨卡托平面坐标
  • 墨卡托平面坐标转换为经纬度球体坐标 mercatorToLnglat(McLng: Number, lat: McLat) 返回经纬度球体坐标
  • 返回两点之间的距离,单位是米 getDistance(start: Point , end: Point )

关于在地图上区域的增删改查

  • 添加地点区域,作为地图上的虚拟可点击区域。其中参数spots为热区点数组,options为可选配置参数;返回区域id。addSpots(spots: Array, options: Object)
  • 初始化地图。 centerAndZoom(center: Point , zoom: Number)
  1. 坐标类
  • 根据id返回地点区域数组 getSpots(id: string)
  • 根据id移除区域数组 removeSpots(id: number)
  • 清除地点区域,此操作将清空所有虚拟可点数据 clearSpots()
  • 清空当前map所有的自定义底图标注 clearLabels()
  • 通过点击坐标获取当前点中的底图icon,如果获取到返回其{name, uid, position},否则返回null getIconByClickPosition(clickPosition: Pixel)
  1. 文字类
  • 在底图上添加文字,这些文字会和底图文字一同参与避让。 addLabelsToMapTile(labels:Array)
  • 从底图上移除文字标注,参数为uid数组,根据数组里的uid进行移除 removeLabelsFromMapTile(labelUids:Array)
  1. 功能类
  • 将地图的中心点更改为给定的点,跳转到指定中心点进行渲染 panTo(center: Point ) 相当于translate
  • 重新设置地图,恢复地图初始化时的中心点和级别 相当于restore reset()
  • 将地图在水平位置上移动x像素,垂直位置上移动y像素。如果指定的像素大于可视区域范围或者在配置中指定没有动画效果,则不执行滑动效果 panBy(x: Number, y: Number)
  • 飞到指定的中心点和级别,提供给定位缩放地图使用 flyTo(center: Point , zoom: Number)
    -设置地图可拖动区域,参数为地图拖拽的区域范围 setBounds(bounds:Bounds)
  • 获取地图当前视野范围的矩形区域,以地理坐标表示。如果地图尚未初始化则返回一个空的 Bounds 实例。 getBounds()

上手百度地图--开放平台必懂API使用场合(PC端)相关推荐

  1. php 百度逆地理编码,百度地图开放平台 Web服务API --Geocoding API (地理编码和逆地理编码)...

    百度地图开放平台地理编码服务和逆地理编码服务的api文档地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geoco ...

  2. 百度地图开放平台轻量路径规划

    百度地图开放平台轻量路径规划 背景 思路 完整代码 代码解读 结果截图 注意事项 背景 由于要做等时圈研究,手头上有一些poi数据,如小区地理位置信息,地铁站点的地理位置信息,想通过等时圈把两者连接起 ...

  3. 百度地图开放平台wgs84,gcj02转bd09

    百度地图开放平台wgs84,gcj02转bd09 完整代码 代码解读 参考文献 开局一张图,故事全靠编,上图是上海市257个地铁站bd09坐标和wgs84坐标的差距,可以看到bd09较wgs84往右上 ...

  4. 后端根据百度地图真实路径距离_百度地图开放平台介绍--路线规划

    百度地图开放平台路线规划服务是结合实时交通,为用户提供覆盖国内外的路线规划服务.路线规划也是我们用户最常用到的功能之一,比如旅行时需要到达另外一个地方,通过百度地图可以快速规划距离最短路线或耗时最短路 ...

  5. 百度地图开放平台使用教程

    为什么要使用百度地图? 百度地图JavaScript API GL 是一套由JavaScript语言编写的应用程序接口,使用了WebGL对地图.覆盖物等进行渲染,支持3D视角展示地图.帮助开发者在网站 ...

  6. 震惊——JS中百度地图开放平台API尽然是这样使用

    百度地图js--API使用 基本使用 引用百度API资源 <!--引用资源--> <!--百度地图基础API--> <script type="text/jav ...

  7. 百度地图WEB服务-地点检索API

    百度地图WEB服务-地点检索API 行政区划区域检索 圆形区域检索 矩形区域检索 地点检索服务(又名Place API)是百度地图开放平台提供的Web API接口服务: 该服务提供多种场景的地点(PO ...

  8. 如何在百度地图开发平台获取开发者Key(AK)

    一.搜索百度地图开放平台 二.点进去选择控制台 三.我的应用->创建应用 四. 五. 六.获取开发版SHA1 1.第一步,如果使用的是高版本的android studio ,它会自带jdk,需要 ...

  9. python api调用百度ai平台_百度ai开放平台使用方法(附带详细案例步骤)

    百度ai开放平台 1.百度ai开放平台内有众多功能,如文字识别,语音技术等等内容,本文章以身份证识别为例子,教大家怎么使用它啦 链接走起:https://cloud.baidu.com/?from=c ...

最新文章

  1. 京东一面:Spring 为何需要三级缓存解决循环依赖,而不是二级缓存?我懵了。。...
  2. python编写程序的一般步骤-Python编写win程序的操作流程
  3. 单招计算机专业综合测试,单招计算机专业模习题.doc
  4. D:\我的文档\收藏夹
  5. SAP云平台上的Low Code Development(低代码开发)解决方案
  6. windows server 2008 IE代理服务器实验
  7. Oracle ROLLUP和CUBE 用法
  8. 云原生数据编排厂商Alluxio获5000万美元C轮融资
  9. struts 国际化
  10. 三条中线分的六个三角形_数学中三角形的“五心”你会了吗?教你马上学会。(中考生必看)...
  11. 西北师范大学计算机科学与工程学院导师,西北师范大学计算机科学与工程学院导师简介-陈旺虎...
  12. 360中不显示html中图片不显示图片,360极速浏览器无法显示图片解决方法详解
  13. python给word添加换行换页符
  14. 动词不定式 to do 和 动名词 V-ing 的区别(infinitive vs gerund)
  15. rest_framework--过滤器filters--搜索
  16. 测试工作流程图,你一定要知道的
  17. Linux二进制方式安装mysql8
  18. 地铁三号线 - 95后的财务自由
  19. AUTOSAR基础篇之DTC
  20. logitech摄像头 linux,logitech webcam linux 驱动安装

热门文章

  1. 微信小程序view的折叠与展开
  2. 51单片机点阵和取字模软件的使用方法(显示心形图案)
  3. Wampserver32 mysql 出现拒绝访问,端口被占用问题
  4. 周鸿祎:走好创业之路第一步( 转)
  5. C语言———字符与字符串
  6. matlab平均值消噪声
  7. 道路设计标高p1p2php3p4,西南交通大学19春《道路工程》在线作业12
  8. MAX30102的优缺点
  9. 【遥感】时间分辨率:轨道周期 / 运行周期 / 重复周期 / 轨道重访周期 / 重访周期 概念
  10. 产品设计从何入手?拥有1.7亿活跃用户的音乐平台Spotify的7个策略