html高德地图调用,插件的使用-入门-教程-地图 JS API | 高德地图API-程序员宅基地

技术标签: html高德地图调用  

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 等三维图形的时候需要引用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_36214783/article/details/117845557

智能推荐

《第一行代码》(第二版)广播的问题及其解决_代码里的广播错误-程序员宅基地

文章浏览阅读2.6k次,点赞5次,收藏13次。1)5.2.1弹出两次已连接或者未连接这是因为你同时打开了流量和WiFi,他就会发出两次广播。2)5.3.1中发送自定义广播问题标准广播未能弹出消息:Intent intent=new Intent("com.example.broadcasttest.MY_BROADCAST");sendBroadcast(intent);上述已经失效了。修改:Intent intent=new Intent("com.example.broadcasttest...._代码里的广播错误

K8s 学习者绝对不能错过的最全知识图谱(内含 58个知识点链接)-程序员宅基地

文章浏览阅读249次。作者 |平名 阿里服务端开发技术专家导读:Kubernetes 作为云原生时代的“操作系统”,熟悉和使用它是每名用户的必备技能。本篇文章概述了容器服务 Kubernet..._k8知识库

TencentOS3.1安装PHP+Nginx+redis测试系统_tencentos-3.1-程序员宅基地

文章浏览阅读923次。分别是etc/pear.conf,etc/php-fpm.conf, etc/php-fpm.d/www.conf,lib/php.ini。php8安装基本一致,因为一个服务期内有2个版本,所以注意修改不同的安装目录和端口号。可以直接使用sbin下的nginx命令启动服务。完成编译安装需要gcc支持,如果没有,使用如下命令安装。安装过程基本一致,下面是安装7.1.33的步骤。执行如下命令,检查已经安装的包和可安装的包。执行如下命令,检查已经安装的包和可安装的包。执行如下命令,检查已经安装的包和可安装的包。_tencentos-3.1

urllib.request.urlopen()基本使用_urllib.request.urlopen(url)-程序员宅基地

文章浏览阅读3.1w次,点赞21次,收藏75次。import urllib.requesturl = 'https://www.python.org'# 方式一response = urllib.request.urlopen(url)print(type(response)) # <class 'http.client.HTTPResponse'># 方式二request = urllib.request.Req..._urllib.request.urlopen(url)

如何用ChatGPT+GEE+ENVI+Python进行高光谱,多光谱成像遥感数据处理?-程序员宅基地

文章浏览阅读1.5k次,点赞12次,收藏15次。如何用ChatGPT+GEE+ENVI+Python进行高光谱,多光谱成像遥感数据处理?

RS485总线常识_rs485 差分走綫間距-程序员宅基地

文章浏览阅读1.2k次。RS485总线常识 2010-10-12 15:56:36| 分类: 知识储备 | 标签:rs485 总线 传输 差分 |字号大中小 订阅RS485总线RS485采用平衡发送和差分接收方式实现通信:发送端将串行口的TTL电平信号转换成差分信号A,B两路输出,经过线缆传输之后在接收端将差分信号还原成TTL电平信号。由于传输线通常使用双绞线,又是差分传输,所_rs485 差分走綫間距

随便推点

移植、制作uboot、Linux(一)_uboot制作-程序员宅基地

文章浏览阅读621次。u-boot、linux烧录_uboot制作

windows下安装git和gitbash安装教程_64-bit git for windows setup.-程序员宅基地

文章浏览阅读1.2w次,点赞10次,收藏44次。windos上git安装,git bash安装_64-bit git for windows setup.

环形链表(算法java)_java 实现环形链表-程序员宅基地

文章浏览阅读196次。环形链表(算法java)的两种解决方法_java 实现环形链表

docker部署Airflow(修改URL-path、更换postgres -->myslq数据库、LDAP登录)_airflow docker-程序员宅基地

文章浏览阅读5.7k次。Airflow什么是 Airflow?Airflow 的架构Airflow 解决哪些问题一、docker-compose 安装airflow(postgres)1、创建启动文件airflow-docker-compose.yml.1.1、添加挂载卷,需要修改airflow-docker-compose.yml的位置2、创建本地配置文件airflow.cfg2.1、如果想修改WEB URL地址,需要修改airflow.cfg中以下两个地方3、之后up -d直接启动即可web访问地址:二、存储数据库更换post_airflow docker

计算机毕业设计springboot高校教务管理系统532k79【附源码+数据库+部署+LW】-程序员宅基地

文章浏览阅读28次。选题背景:随着社会的发展和教育的普及,高校教务管理系统在现代高等教育中扮演着至关重要的角色。传统的手工管理方式已经无法满足高校日益增长的规模和复杂的管理需求。因此,开发一套高效、智能的教务管理系统成为了当今高校管理的迫切需求。选题意义:高校教务管理系统的开发具有重要的意义和价值。首先,它可以提高高校教务管理的效率和准确性。通过自动化处理学生选课、排课、考试安排等繁琐的事务,大大减轻了教务人员的工作负担,提高了工作效率。同时,系统可以实时更新学生信息和课程信息,减少了数据错误和冗余,保证了管理的准确性

javaint接收float_Java Integer转换double,float,int,long,string-程序员宅基地

文章浏览阅读132次。首页>基础教程>常用类>常用 Integer类Java Integer转换double,float,int,long,stringjava中Integer类可以很方便的转换成double,float,int,long,string等类型,都有固定的方法进行转换。方法double doubleValue() //以 double 类型返回该 Integer 的值。flo..._java integet接收float类型的参数

推荐文章

热门文章

相关标签