JS API 提供了众多的插件功能,这些功能不会主动随着 JSAPI 主体资源下发,需要引入之后才能使用这些插件的功能。这些功能包括:服务类,如:POI搜索 PlaceSearch、输入提示 AutoComplete、路线规划 Driving/Walker/Transfer/Riding/Truck、地理编码 Geocoder、公交线路 LineSearch、公交站点 StationSearch、天气查询 Weather等;

地图控件,如:缩放工具条 ToolBar、比例尺 Scale、定位按钮 Geolocation等;

矢量图形编辑工具,如折线/多边形编辑器 PolyEditor、圆形编辑器 CircleEditor等;

工具类,如鼠标绘制工具 MouseTool、测距工具 RangingTool等。

详见「插件列表」

插件的使用流程

使用插件的功能通常需要三个步骤:引入插件,支持按需异步加载和同步加载,可同时引入多个插件,见「插件的引入」;

创建插件实例,非特殊情况需避免重复创建多个实例,复用同一个实例即可;

调用实例的方法,使用相关功能。

插件的引入

异步加载插件

异步加载指的是在 JS API 加载完成之后,在需要使用到某个插件的时候,通过AMap.plugin方法按需引入插件,在plugin回调之后使用插件功能。

var map = new AMap.Map('container',{

zoom:12,

center:[116.39,39.9]

});

AMap.plugin('AMap.ToolBar',function(){//异步加载插件

var toolbar = new AMap.ToolBar();

map.addControl(toolbar);

});

异步加载多个插件

AMap.plugin的第一个参数使用数组即可同时加载引入多个插件。

AMap.plugin(['AMap.ToolBar','AMap.Driving'],function(){//异步同时加载多个插件

var toolbar = new AMap.ToolBar();

map.addControl(toolbar);

var driving = new AMap.Driving();//驾车路线规划

driving.search(/*参数*/)

});

同步加载插件

如果您希望和 JS API 的主体同步加载某些插件,而不是异步加载,可以在 JS API 的入口地址中添加plugin参数,将需要使用的一个或者多个插件的名称作为参数即可,这种用法在 JS API 加载完毕之后便可直接使用插件功能了。

var map = new AMap.Map('mapContainer',{

zoom:12,

center:[116.39,39.9]

});

var toolbar = new AMap.ToolBar();

map.plugin(toolbar);

同步加载多个插件

需要加载多个插件时,plugin参数中的插件名称之间以逗号分割。

var map = new AMap.Map('mapContainer',{

zoom:12,

center:[116.39,39.9]

});

var toolbar = new AMap.ToolBar();

map.plugin(toolbar);

var driving = new AMap.Driving();

driving.search(/*参数*/)

插件列表

类名类功能说明

AMap.ElasticMarker灵活点标记,可以随着地图级别改变样式和大小的 Marker

AMap.ToolBar工具条,控制地图的缩放、平移等

AMap.Scale比例尺,显示当前地图中心的比例尺

AMap.OverView鹰眼,显示缩略图

AMap.MapType图层切换,用于几个常用图层切换显示

AMap.Geolocation定位,提供了获取用户当前准确位置、所在城市的方法

AMap.AdvancedInfoWindow高级信息窗体,整合了周边搜索、路线规划功能

AMap.Autocomplete输入提示,提供了根据关键字获得提示信息的功能

AMap.PlaceSearch地点搜索服务,提供了关键字搜索、周边搜索、范围内搜索等功能

AMap.DistrictSearch行政区查询服务,提供了根据名称关键字、citycode、adcode 来查询行政区信息的功能

AMap.LineSearch公交路线服务,提供公交路线相关信息查询服务

AMap.StationSearch公交站点查询服务,提供途经公交线路、站点位置等信息

AMap.Driving驾车路线规划服务,提供按照起、终点进行驾车路线的功能

AMap.TruckDriving货车路线规划

AMap.Transfer公交路线规划服务,提供按照起、终点进行公交路线的功能

AMap.Walking步行路线规划服务,提供按照起、终点进行步行路线的功能

AMap.Riding骑行路线规划服务,提供按照起、终点进行骑行路线的功能

AMap.DragRoute拖拽导航插件,可拖拽起终点、途经点重新进行路线规划

AMap.ArrivalRange公交到达圈,根据起点坐标,时长计算公交出行是否可达及可达范围

AMap.Geocoder地理编码与逆地理编码服务,提供地址与坐标间的相互转换

AMap.CitySearch城市获取服务,获取用户所在城市信息或根据给定IP参数查询城市信息

AMap.IndoorMap室内地图,用于在地图中显示室内地图

AMap.MouseTool鼠标工具插件

AMap.CircleEditor圆编辑插件

AMap.PolyEditor折线、多边形编辑插件

AMap.MarkerClusterer点聚合插件

AMap.RangingTool测距插件,可以用距离或面积测量

AMap.CloudDataLayer云图图层,用于展示云图信息

AMap.CloudDataSearch云图搜索服务,根据关键字搜索云图点信息

AMap.Weather天气预报插件,用于获取未来的天气信息

AMap.RoadInfoSearch道路信息查询,已停止数据更新,反馈信息仅供参考

AMap.Hotspot热点插件,地图热点已默认开启,不用手动添加,由Map的 isHotspot 属性替代

AMap.Heatmap热力图插件

AMap.PlaceSearchLayer服务已下线,请勿使用

Map3D使用 ObjectLayer 等三维图形的时候需要引用

html高德地图调用,插件的使用-入门-教程-地图 JS API | 高德地图API相关推荐

  1. 最新易语言调用大漠插件制作脚本入门教程

    最新易语言调用大漠插件制作脚本入门教程 这是田野学院的一套零基础视频.学习做辅助脚本入门还是不错的. https://pan.baidu.com/s/1BWd2_kIjL6OLE7q-VcDVlw 提 ...

  2. php插入js教程,JavaScript_JavaScript入门教程(2) JS基础知识,在什么地方插入 JavaScript  Ja - phpStudy...

    JavaScript入门教程(2) JS基础知识 在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方.使用标记,你可以在 HTML 文档的任意地方插入 Jav ...

  3. air调用java,AIR2.0入门教程:与Java应用交互

    在之前的一篇文章中,我介绍了如何使用AIR2.0新增的NativeProcess类与本地进程进行交互和通讯,在那个例子里面我们使用了C++ 的代码,实际上只要是基于命令行的标准输入输出,AIR2.0的 ...

  4. oracle sql 调用自定义函数_PSCAD入门教程(第7节):怎样调用fortran编写的自定义函数?(附模型)...

    PSCAD入门教程(第7节):怎样调用fortran编写的自定义函数?(附模型)​mp.weixin.qq.com https://www.zhihu.com/video/12422083467175 ...

  5. 百度地图根据经纬度计算距离php,详解js根据百度地图提供经纬度计算两点距离...

    正常在使用百度地图时,我们可以通过BMap的实例对象提供的方法计算距离: var map = new BMap.Map('map_canvas'); map.getDistance(point1 ,p ...

  6. 移动端百度地图多点标注php,PHP学习:php+js实现百度地图多点标注的方法

    <PHP学习:php+js实现百度地图多点标注的方法>要点: 本文介绍了PHP学习:php+js实现百度地图多点标注的方法,希望对您有用.如果有疑问,可以联系我们. PHP教程 PHP教程 ...

  7. Python 函数声明和调用 - Python零基础入门教程

    目录 一.前言 二.Python 函数定义 三.Python 函数的调用 四.Python 函数传参 1.Python 函数常规参数 2.Python 函数缺省参数 3.Python 函数不定长参数 ...

  8. DZ插件制作简易入门教程(自学手记)第一篇

    看了Maple-x和泡哥写的那两篇插件制作教程,还是让我如云里雾里.后经仔细研究插件实例,总算有所收获,但弯路走了不少.为避免后来者重蹈覆辙,在此总结成文,算做个笔记好了. 就用最经典的项目名称Hel ...

  9. DZ插件制作简易入门教程(自学手记)第二篇

    谢谢大家的鼓励和帮助,我会继续写下去.工作忙,只能周末寥寥几笔,不当之处,请指正,我会修改的. 在开篇中,可以说已经做完了一个完整的插件.不过功能很简单,只能在表格中央显示"Hello Wo ...

最新文章

  1. 【虚拟机】苹果虚拟机mac10.11.6+Xcode8.1
  2. android152 笔记 2
  3. 使用elementui实现表单上传功能_使用ElementUI中的upload组件上传Excel文件
  4. 思科透露其“星舰”计划 旨在主导云服务器自动化领域
  5. spark rdd reduceByKey示例
  6. OpenGL驱动质量的事实现状(精简翻译版)
  7. win10 android设备,巧用《你的手机》链接Win10电脑和Android手机/iPhone
  8. MatLab基本知识学习 详细!
  9. USB转RJ45串口调试线(console线)
  10. Flutter 实现 仿Android原生启动模式SingleTask
  11. 将Word转换成PDF格式文档的方法
  12. 主板怎么开启csm_主板的Launch CSM的开启和关闭是什么作用?会有哪些影响?
  13. 算术收益率与对数收益率(几何收益率)
  14. C语言乘方,平方根的使用
  15. 水浒传 第三十六回 没遮拦追赶及时雨 船火儿夜闹浔阳江
  16. Android面试准备之Java基础
  17. 初创企业该追求盈利还是高估值
  18. 集成沟通中的名词:DMZ 是英文“Demilitarized Zone”的缩写,中文名称为“隔离区”
  19. $oracle什么意思,oracle惯用缩写的含义
  20. 菜鸟、大牛和教主,三者的区别

热门文章

  1. 24小时365天不间断服务
  2. Linux内核启动去掉企鹅,linux更换启动时的小企鹅图片
  3. 网卡驱动修改服务器,网卡驱动配置
  4. 如何做到像百度云或者网易公开课一样动态更换APP启动图
  5. 服务器固态硬盘无法识别硬盘,固态硬盘无法识别的原因及解决方法
  6. 微信小程序真机调试连接不到后台服务器,解决微信小程序wepy真机预览跟本地表现不一样,数据变化了视图没变化...
  7. vue解决打开新窗口被拦截的的实战方法
  8. mysql性能监控 调优_MySQL管理之道:性能调优、高可用与监控(第2版)
  9. 下载及安装NCCL教程
  10. 成本太高,京东配送扛不住了?