文档章节

第三方高德地图Javascript API

orglee
 orglee
发布于 2016/04/25 13:36
字数 555
阅读 63
收藏 1

    1.    申请JSAPI的开发者Key ;   http://lbs.amap.com/dev/key

    2.    引入高德地图JSAPI文件;

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&plugin=
AMap.Scale,AMap.OverView,AMap.ToolBar"></script>

   

AMap.Scale    // 地图的比例因子
// 基础类
AMap.Pixel    //像素坐标,确定地图上的一个像素点。
AMap.Size    //地物对象的像素尺寸
AMap.LngLat    //地图经纬度坐标,确定地图上的一个点。
AMap.Bounds     // 地物对象的经纬度矩形范围。
AMap.Map        //地图对象类,封装了地图显示、交互等操作的方法。
AMap.View2D    //二维地图显示视口,用于定义二维地图静态显示属性
AMap.Marker     //点标记。
AMap.MarkerShape    //用于划定Marker的可点击区域范围(IE不起作用)
AMap.Icon    //点标记的图标,用于添加复杂点标记,,即在普通点标记的基础上,添加Icon类
AMap.Polyline    //覆盖物>折线
AMap.Polygon    //覆盖物>多边形
AMap.Circle     //覆盖物>圆
AMap.GroundImage    //图片覆盖物类,用于添加一个只有一张图片的图层,图片会随缩放级别而自适应缩放。
AMap.InfoWindow    //用于在地图上弹出一个详细信息展示窗体
AMap.ContextMenu    //地图右键菜单
AMap.TileLayer    //切片图层类,该类为基础类。
AMap.TileLayer.Satellite    //卫星图层类,继承自TileLayer。
AMap.TileLayer.RoadNet    //路网图层类,继承自TileLayer。
AMap.TileLayer.Traffic    //    实时交通图层类,继承自TileLayer。
Buildings 类    //用于在地图上显示3D楼块层,当地图缩放级别达到17、18级时可以显示
AMap.IndoorMap    //室内图层类,用户在将地图缩放到一定缩放级别后,可以显示某些建筑物内的地图信息。
AMap.ImageLayer    //图片图层类,用户可以将一张静态图片作为图层添加在地图上,图片图层会随缩放级别而自适应缩放。
AMap.MassMarks    //表示海量点类,利用该类可同时在地图上展示万级别的点,目前仅适用于html5浏览器。

// 在线插件
http://lbs.amap.com/api/javascript-api/reference/plugin/

    3.    在页面body里你想展示地图的地方创建一个div 容器,并指定id标识:

<div id="container"></div>

#container {width:300px; height: 180px; }

    4.     创建地图

 var map = new AMap.Map('container');


© 著作权归作者所有

orglee
粉丝 0
博文 10
码字总数 2307
作品 0
海淀
私信 提问
【高小爱课堂】_地图API开发者教程(全平台精华版)

一、使用须知 二、坐标相关问题 三、标注问题 四、定位相关问题 五、云图 六、地图API 1)Javascript API 2)Android API 3)iOS API 4)Windows Phone 及win8 API 5)URI API ▼使用须知 Q:...

高德LBS开放平台
2014/06/13
1K
0
百度腾讯GOOGLE地图API列表

列表页:http://www.codeyyy.com/javascript/8-100-144.html 百度地图API: http://www.codeyyy.com/javascript/lib/maps/203.html 高德地图API: http://www.codeyyy.com/javascript/lib/maps......

codeyyy
2017/02/22
373
1
高德地图Javascript API设置域名白名单

在涉及到GPS地图相关应用的开发过程中,我们需要在高德开放平台注册相应的账号,并设置好相应应用来获取调用的Key值,该Key值直接放入到网站前端页面,针对任何人来说都可看到,因此我们防止...

江湖逍遥
03/16
0
0
室内MAP

可以将超图系统数据(http://www.supermap.com/cn/)叠加到第三方地图(百度之类),这个工具思路可借鉴 https://www.oschina.net/p/iconnector-js 基于高德地图的室内定位和导航 http://www...

egomy
2017/06/02
2
0
高德API 验证通过,感谢支持,跪求解决方案

使用高德地图的JS API时,页面频繁弹窗——“验证通过,感谢支持” JS 版本:1.3

lfnb
2016/05/24
272
0

没有更多内容

加载失败,请刷新页面

加载更多

PCB设计-Allegro软件入门系列-allegro环境变量和快捷键

Allegro作为一款高速PCB设计的EDA软件,有完善的约束规则设计和信号完整性电源完整性仿真等各种专业工具深受电子行业从业者喜爱。 对于该软件来说,电子从业者接触最多的就是Allegro的画板功...

demyar
27分钟前
4
0
腾讯云存储

1、进入腾讯云平台,创建 2、进入配置查看域名 3、查看KEY参数 4、将2、3中的参数录入到cms后台 然后点测试按钮查看情况

迅睿CMS-PHP开源CMS程序
28分钟前
4
0
ES 6.x 版本 待验证的CURL命令查询操作

1. 查询数据 curl -H "Content-Type: application/json" -XGET http://elastic:123456@127.0.0.1:9200/alias1/_search -d '{"query": {"match_all": {}}}' 2. 添加数据 如果有不指定ID可以自......

coord
36分钟前
4
0
如何写好论文摘要:研究人员不得不知的小秘诀

我们为何要写摘要? 它的目的为何? 简而言之,摘要的目的就是简单的讨论这篇文章让读者更容易的了解这篇文。 它能在读者与作者之间搭起一条桥梁。当您搜索信息时,您无法一下阅读整篇文章,...

论文辅导员
38分钟前
4
0
移动端、PC端(前后台)、小程序常用的UI框架

移动端、PC端(前后台)、小程序常用的UI框架 1.移动端UI库 ①.Vant UI 官方地址:https://youzan.github.io/vant/#/zh-CN/intro github地址:https://github.com/youzan/vant 优点:用来做移...

jason_kiss
39分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部