酸奶小妹GIS 的BLOG
用户名：酸奶小妹GIS
文章数：135
访问量：31974
注册日期：
阅读量：5863
阅读量：12276
阅读量：374210
阅读量：1067870
51CTO推荐博文
摘要：关于地图的显示，我想大家最关心的就是麻点图，自定义底图的解决方案了吧。在过去，marker大于500之后，浏览器开始逐渐卡死，大家都开始寻找解决方案，比如聚合marker啊，比如麻点图啊。聚合marker里面还有一些复杂的算法，而麻点图，最让大家头疼的，就是如何生成麻点图，如何切图，如何把图片贴到地图上，还有如何定位图片的位置吧。以前那么复杂的一系列操作，居然让云图的可视化操作一下子解决了。现在只要点一点鼠标，麻点图就自动生成了。真是广大LBS开发者的福音。以前写过从零开始学百度地图API系列，写得比较浅显。如今，自己在LBS领域成长了几年，学到比较多的专业知识，所以此次再次写到”从零系列”，希望加上更多功能，更多想法。比如这期的地图展现，不单单只是告诉大家，一张2D地图如何用代码写出来，同时，还会加上3D地图，卫星图，街景，交通流量图，麻点图，仙剑奇侠传地图等。也希望借此可以和大家更多的交流。650) this.width=650;" src="/i/404/265.gif" style="border:0" alt="265.gif" />-----------------------------------------------------------------------一、万物的首先第一步，当然是申请一个key。申请key：登录之后，点新建地图，就有一个自动的key了。650) this.width=650;" src="/i/404/514.png" style="border:0" alt="514.png" />key在右上角密钥管理处650) this.width=650;" src="/i/404/178.png" style="border:0" alt="178.png" />二、 2D地图2D地图，就是一张普通的高德地图。只需要简单几句话就可以实现。 var mapOvar point = new AMap.LngLat(120..290422);function mapInit(){
//初始化地图对象，加载地图。mapObj = new AMap.Map("iCenter",{
center : point, //地图中心点level : 15
//地图显示的缩放级别
});}其中，level指的是地图级别，默认为[3,18]。3为世界地图，18为街道级地图。center指的是地图的中心点，可以用坐标拾取工具来取点。坐标拾取工具：2D效果图：650) this.width=650;" src="/i/404/860.png" style="border:0" alt="860.png" />三、实时路况添加实时路况，只需要两句话var trafficLayer = new AMap.TileLayer.Traffic({zIndex:10}); //实时路况图层
trafficLayer.setMap(mapObj);
//添加实时路况图层消除实时路况有2种方法，一是隐藏hide方法，二是重置地图setMap(null)trafficLayer.setMap(null);
//隐藏实时路况图层
trafficLayer.hide();
//隐藏实时路况图层实时路况效果：650) this.width=650;" src="/i/404/268.png" style="border:0" alt="268.png" />四、路网，卫星图路网、卫星图，都跟实时路况路况差不多，只是换了个类名。添加路网、卫星图，只需要两句话var roadNetLayer = new AMap.TileLayer.RoadNet({zIndex:10}); //实例化路网图层
roadNetLayer.setMap(mapObj); //在map中添加路网图层var satellLayer = new AMap.TileLayer.Satellite({zIndex:10}); //实例化卫星图
satellLayer.setMap(mapObj); //在map中添加卫星图消除路网、卫星图，有2种方法，一是隐藏hide方法，二是重置地图setMap(null)roadNetLayer.setMap(null); //隐藏路网
roadNetLayer.hide(); //隐藏路网satellLayer.setMap(null);
//隐藏卫星图
satellLayer.hide();
//隐藏卫星图路网、卫星图效果：650) this.width=650;" src="/i/404/318.png" style="border:0" alt="318.png" />650) this.width=650;" src="/i/404/766.png" style="border:0" alt="766.png" />五、3D地图3D地图，是在地图比较详细的级别17-18的时候，有三维楼块效果的地图。所以，要看到3D效果，必须把地图级别调整到17-18才可以看到。var buildingLayer = new AMap.Buildings(); //实例化3D地图图层
buildingLayer.setMap(mapObj); //在map中添加3D图层
mapObj.setZoom(18); //改变地图级别到17-183D地图没有hide方法，所以隐藏他，需要重置地图。buildingLayer.setMap(null);3D地图效果：650) this.width=650;" src="/i/404/956.png" style="border:0" alt="956.png" />六、麻点图（记得以前研究百度地图API的时候，麻点图的制作很苦难，要自己去对准坐标，自己生成麻点图，然后自己切片……实在费力……）高德地图API最好用的就是麻点图。不用自己生成麻点图，不用自己切图。只需要在云图上点一点，就可以完成所有操作。打开云图管理台：新建或打开已有的地图：650) this.width=650;" src="/i/404/965.png" style="border:0" alt="965.png" />点右上角的按钮，可以手工一个一个标注你自己的麻点。当然也可以批量导入你的数据。650) this.width=650;" src="/i/404/891.png" style="border:0" alt="891.png" />数据填充完毕后，记录下你的tableid。这就是你的云图层（麻点图）的id，放到下面的代码里。//加载云图层插件 &mapObj.plugin('AMap.CloudDataLayer', function () {
var layerOptions = {
query:{keywords: ''},
clickable:true
var cloudDataLayer = new AMap.CloudDataLayer('【您的tableid】', layerOptions); //实例化云图层类 &cloudDataLayer.setMap(mapObj); //叠加云图层到地图 });云图层，就是麻点图，是实时渲染的，你在云图管理台操作之后，立马在你的前台得到显示。这真是我用过最好用的麻点图了。marker大于500之后，终于有如此方便的解决方案了。650) this.width=650;" src="/i/404/848.png" style="border:0" alt="848.png" />更多关于云图的教程，可以看我以前发过的教程云存储：三甲医院例子：东莞酒店例子：七、仙剑地图 这个算是投机取巧，将仙剑地图直接覆盖在高德地图上，属于图片覆盖物。图片覆盖物需要指定一个显示范围，取左下角和右上角。显示范围设定后，不管地图放大缩小，图片都只在这个范围中显示。这样的图片覆盖物，比较适合制作校园地图，厂区地图，小区地图等。而且，跟云图一样，图片覆盖物不需要切图。（又想感叹一句！真真是开发者的福音！为何高德API做得那么好，之前我都不知道！！）var bounds = new AMap.Bounds(new AMap.LngLat(120..271596), new AMap.LngLat(120..309171)),
groundImageOpts = {
opacity: 1,
//图片透明度 &clickable: true,//图片相应鼠标点击事件，默认：false &map: mapObj
//图片叠加的地图对象 &
//实例化一个图片覆盖物对象 &var groundImage = new AMap.GroundImage('xianjian.jpg', bounds, groundImageOpts); 仙剑地图效果：650) this.width=650;" src="/i/404/885.png" style="border:0" alt="885.png" />八、自定义地图 这里用谷歌的底图作为例子，将高德底图直接换为谷歌底图。跟上一段的内容不一样，不是图片覆盖物那么简单哦。 高德的切图方式，和谷歌的一样。所以，在网上找的谷歌地图的切图工具，都可以适用于高德地图。google = new AMap.TileLayer({
tileUrl:"http://mt{1,2,3,0}./vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil"//图块取图地址 &
google.setMap(mapObj); 谷歌地图：650) this.width=650;" src="/i/404/891.png" style="border:0" alt="891.png" />九、街景高德地图街景覆盖城市共33个，分别为：杭州，南京，成都，西安，拉萨，昆明，烟台，沈阳，哈尔滨，长春，常州，南通，林芝，泰安，日照，那曲，东营，日喀则，德州，滨州，聊城，莱芜，郑州，洛阳，平顶山，开封，安阳，信阳，新乡，焦作，商丘，周口，驻马店。使用街景，必须将您的网页文件传到服务器上。var opts = {
heading:270,
position: point
var panorama = new AMap.Panorama('iCenter',opts); position，就是街景的位置，必须在33个城市有街景的范围内，才能看到街景哦。可以先到amap上看一眼，哪里有街景，然后再设置您的街景位置。高德地图 街景效果：650) this.width=650;" src="/i/404/979.png" style="border:0" alt="979.png" />十、全部源代码，请点击这里：&!DOCTYPE HTML&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&title&地图展示&/title&
&link rel="stylesheet" type="text/css" href="zero.css" /&
&script language="javascript" src="/maps?v=1.2&key=【您的key】"&&/script&
&body onLoad="mapInit()"&
&div id="iCenter"&&/div&
&div id="iControlbox"&
&p id="lnglat"&&/p&
&p&是一张普通的地图，地图级别是13。&/p&
&p&叠加上实时交通，路况信息。红色最堵。&/p&
&p&叠加上路网&/p&
&p&麻点图，就是云图的云图层显示。&/p&
&p&换上卫星图&/p&
&p&显示3D楼块，只有地图级别在会显示。&/p&
&p&自定义底图，是需要自己切图的。这里展示了谷歌的底图。&/p&
&p&显示的仙剑地图，感觉很帅。其实这是一个图片覆盖物，而不是图层。&/p&
&p&显示街景，点了这个要刷新才能回来，哈哈。&/p&
&!-- tongji begin--&
&script type="text/javascript"&
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "/h.js%3Faeff88fafcea3bd' type='text/javascript'%3E%3C/script%3E"));
&!-- tongji end --&
&script language="javascript"&
var point = new AMap.LngLat(120..290422);
var buildingLayer = new AMap.Buildings(); //实例化3D地图图层
var trafficLayer = new AMap.TileLayer.Traffic({zIndex:10}); //实时路况图层
var roadNetLayer = new AMap.TileLayer.RoadNet({zIndex:10}); //实例化路网图层
var satellLayer = new AMap.TileLayer.Satellite({zIndex:10}); //实例化卫星图
function mapInit(){
//初始化地图对象，加载地图。
mapObj = new AMap.Map("iCenter",{
center : point, //地图中心点
level : 15
//地图显示的缩放级别
AMap.event.addListener(mapObj,'click',getLnglat); //点击事件
//鼠标点击，获取经纬度坐标
function getLnglat(e){
var x = e.lnglat.getLng();
var y = e.lnglat.getLat();
document.getElementById("lnglat").innerHTML = x + "," +
function addBuildingLayer(){
buildingLayer.setMap(mapObj); //在map中添加3D图层
satellLayer.setMap(null);
//隐藏卫星图
//cloudDataLayer.setMap(null);
mapObj.setZoom(18);
function addTraffic(){
//交通，实时路况
trafficLayer.setMap(mapObj);
//添加实时路况图层
roadNetLayer.setMap(null);
//隐藏路网图层
satellLayer.setMap(null);
//隐藏卫星图
//cloudDataLayer.setMap(null);
mapObj.setZoom(15);
function addRoadNetLayer(){
roadNetLayer.setMap(mapObj); //在map中添加路网图层
trafficLayer.setMap(null);
//隐藏实时路况图层
satellLayer.setMap(null);
//隐藏卫星图
//cloudDataLayer.setMap(null);
mapObj.setZoom(15);
function to2D(){
buildingLayer.setMap(null);
roadNetLayer.setMap(null);
trafficLayer.setMap(null);
mapObj.setZoom(15);
groundImage.hide();
google.setMap(null);
//cloudDataLayer.setMap(null);
function addsatellLayer(){
satellLayer.setMap(mapObj); //在map中添加卫星图
buildingLayer.setMap(null);
roadNetLayer.setMap(null);
trafficLayer.setMap(null);
//cloudDataLayer.setMap(null);
mapObj.setZoom(18);
function yunLayer(){
buildingLayer.setMap(null);
roadNetLayer.setMap(null);
trafficLayer.setMap(null);
mapObj.setZoom(15);
//groundImage.hide();
//加载云图层插件
mapObj.plugin('AMap.CloudDataLayer', function () {
var layerOptions = {
query:{keywords: ''},
clickable:true
var cloudDataLayer = new AMap.CloudDataLayer('b1', layerOptions); //实例化云图层类
cloudDataLayer.setMap(mapObj); //叠加云图层到地图
function xianjianLayer(){
var bounds = new AMap.Bounds(new AMap.LngLat(120..271596), new AMap.LngLat(120..309171)),
groundImageOpts = {
opacity: 1,
//图片透明度
clickable: true,//图片相应鼠标点击事件，默认：false
map: mapObj
//图片叠加的地图对象
//实例化一个图片覆盖物对象
var groundImage = new AMap.GroundImage('xianjian.jpg', bounds, groundImageOpts);
//mapObj.setBounds(bounds);
mapObj.setZoom(15);
function googlMap(){
buildingLayer.setMap(null);
//mapObj.setZoom(15);
google = new AMap.TileLayer({
tileUrl:"http://mt{1,2,3,0}./vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil"//图块取图地址
google.setMap(mapObj);
function jiejing(){
var opts = {
heading:270,
position: point
var panorama = new AMap.Panorama('iCenter',opts);
&/html&示例demo在线看：效果预览：650) this.width=650;" src="/i/404/265.gif" style="border:0" alt="265.gif" />更多技术，请关注官方微博：本文出自 “” 博客，请务必保留此出处
了这篇文章
类别：未分类┆阅读(0)┆评论(0)
本文收录至博客专题：《》
14:38:33 09:37:11JavaScript API | 高德开放平台 | 高德地图API
Android平台
Web服务 & 其他
您现在的位置： >
> 室内地图
高德地图JavaScript API提供了室内地图的展示功能，在一些浏览器中我们会自动为地图添加和展示室内地图图层，开发者也可以自行加载室内图层插件，做室内地图单独展示或者叠加展示。
hideFloorBar
是否显示楼层切换控件，默认值：false
图层透明度，取值范围[0,1]，0表示完全透明，1表示不透明
图层叠加的顺序值，0表示最底层，室内地图默认为11
指定鼠标悬停到店铺面时的鼠标样式，自定义cursor
alwaysShow
默认false，默认情况下室内图仅在有矢量底图的时候显示
场景一、使用默认室内地图
目前，高德地图JSAPI已经在很多浏览器中开启了矢量地图绘制，在这些浏览器上，我们默认会为地图添加和展示室内地图(目前仅限PC端，且在有矢量地图展示的时候才显示)。当地图在合适的级别下，移动到有室内地图的地方就会自动显示室内地图了。
我们只需要将地图设定到合适的位置就可以展示室内图了：
var map = new AMap.Map('mapDiv', {
resizeEnable: true,
center:[116..924677],
如果需要对室内图做进一步的设定的话，可以在地图indoor_create事件触发之后获取到这个默认的室内地图对象,然后进行需要的操作：
map.on('indoor_create',function(){
map.indoorMap.showIndoorMap('B000A856LJ',5);
场景二、单独或者叠加显示某个商场的室内地图
如果你是某团购APP的负责人，为了让消费者快速准确的找到商家在楼内的位置，这时候就可以使用室内地图的功能，具体实现方法如下：
要实现上述功能，首先引入室内地图插件，初始化室内底图对象，通过设置地图的layers属性（这里将地图设置为只显示室内地图）。然后通过设定室内建筑ID使地图显示到指定的室内区域，这里我们展示朝阳大悦城：
AMap.plugin(['AMap.IndoorMap'], function() {
var indoorMap = new AMap.IndoorMap({alwaysShow:true});
//设定在没有矢量底图的时候也显示，默认情况下室内图仅在有矢量底图的时候显示
var map = new AMap.Map('mapDiv', {
resizeEnable: true,
showIndoorMap:false,//隐藏地图自带的室内地图图层
layers:[indoorMap]
indoorMap.showIndoorMap('B000A856LJ');
我们可以在showIndoorMap方法里同时指定室内地图的展示楼层为商铺对应的楼层，比如联想专卖店在朝阳大悦城的五层:
indoorMap.showIndoorMap('B0FFFAB6J2',5);
我们也可以将室内地图和其他图层叠加使用，只需要修改上面示例代码中map的layers属性或者调用其他图层的setMap方法：
layers:[indoorMap,new AMap.TileLayer()]
new AMap.TileLayer().setMap(map);
(C) 2002- 版权所有 | 京ICP证070711号
感谢您的反馈
通过该反馈，您可以将对高德开放平台产品和文档的意见和建议发送给我们。如需咨询产品使用问题或获取技术支持，请访问帮助与支持
包含屏幕截图
请选择您要反馈的类型
JavaScript APIJavaScript API | 高德开放平台 | 高德地图API
Android平台
Web服务 & 其他
您现在的位置： >
地图对象类，封装了地图的属性设置、图层变更、事件交互等接口的类。
AMap.Map(container:String/HTMLDivElement, opts:)
构造一个地图对象，参数container中传入地图容器DIV的ID值或者DIV对象，opts地图初始化参数对象，参数详情参看MapOptions列表。
MapOptions
地图视口，用于控制影响地图静态显示的属性，如：地图中心点“center”
推荐直接使用zoom、center属性为地图指定级别和中心点
（自v1.3 新增）
地图图层数组，数组可以是 中的一个或多个，默认为普通二维地图。当叠加多个图层时，普通二维地图需通过实例化一个TileLayer类实现
（自v1.3 新增）
地图显示的缩放级别，若center与level未赋值，地图初始化默认显示用户所在城市范围
（自V1.3.0起level属性变更为zoom属性）
地图中心点坐标值
labelzIndex
地图标注显示顺序，大于110即可将底图上的默认标注显示在覆盖物（圆、折线、面）之上。
地图显示的缩放级别范围在PC上，默认为[3,18]，取值范围[3-18]；在移动设备上，默认为[3-19],取值范围[3-19]
地图语言类型
可选值：zh_cn：中文简体，en：英文，zh_en：中英文对照
默认为: zh_cn：中文简体
注：由于图面内容限制，中文、英文 、中英文地图POI可能存在不一致的情况
（自v1.3 新增）
地图默认鼠标样式。参数cursor应符合CSS的cursor属性规范
地图显示的参考坐标系，取值：
'EPSG3857'
'EPSG3395'
'EPSG4326'
自V1.3.0移入view对象中
animateEnable
地图平移过程中是否使用动画（如调用panBy、panTo、setCenter、setZoomAndCenter等函数，将对地图产生平移操作，是否使用动画平移的效果），默认为true，即使用动画
是否开启地图热点，默认false 不打开
（自v1.3 新增）
defaultLayer
当前地图中默认显示的图层。默认图层可以是TileLayer.Satellite等切片地图，也可以是通过TileLayer自定义的切片图层
（自v1.3 废弃）
rotateEnable
地图是否可旋转，默认false
（自v1.3 新增）
resizeEnable
是否监控地图容器尺寸变化，默认值为false
showIndoorMap
是否在有矢量底图的时候自动展示室内地图，PC端默认是true，移动端默认是false
在展示矢量图的时候自动展示室内地图图层，当地图complete之后可以获取到该对象
expandZoomRange
是否支持可以扩展最大缩放级别,和zooms属性配合使用
设置为true的时候，zooms的最大级别在PC上可以扩大到20级，移动端还是高清19/非高清20
dragEnable
地图是否可通过鼠标拖拽平移，默认为true。此属性可被setStatus/getStatus 方法控制
zoomEnable
地图是否可缩放，默认值为true。此属性可被setStatus/getStatus 方法控制
doubleClickZoom
地图是否可通过双击鼠标放大地图，默认为true。此属性可被setStatus/getStatus 方法控制
keyboardEnable
地图是否可通过键盘控制,默认为true方向键控制地图平移，"+"和"-"可以控制地图的缩放，Ctrl+“→”顺时针旋转，Ctrl+“←”逆时针旋转。此属性可被setStatus/getStatus 方法控制
地图是否使用缓动效果，默认值为true。此属性可被setStatus/getStatus 方法控制
scrollWheel
地图是否可通过鼠标滚轮缩放浏览，默认为true。此属性可被setStatus/getStatus 方法控制
地图在移动终端上是否可通过多点触控缩放浏览地图，默认为true。关闭手势缩放地图，请设置为false。
设置地图显示样式目前支持normal（默认样式）、dark（深色样式）、light（浅色样式）、fresh(osm清新风格样式)、blue_night
设置地图上显示的元素种类支持'bg'（地图背景）、'point'（POI点）、'road'（道路）、'building'（建筑物）
showBuildingBlock
设置地图显示3D楼块效果，移动端也可使用。推荐使用。
poiOnAMAP(obj:Object)
唤起高德地图客户端marker页其中Object里面包含有{
id: "B000A7BD6C",POIID
name:String, 必要参数
location:|position属性
detailOnAMAP(obj:Object)
唤起高德地图客户端marker详情页其中Object里面包含有{
id: "B000A7BD6C",POIID
name:String, 必要参数
location:|position属性
getZoom(&)
获取当前地图缩放级别,在PC上，默认取值范围为[3,18]；在移动设备上，默认取值范围为[3-19]
getLayers(&)
获取地图图层数组，数组为一个或多个图层
（自v1.3 新增）
getCenter(&)
获取地图中心点经纬度坐标值。
getCity(callback:function(result))
{province,city,citycode,district}
获取地图中心点所在区域，回调函数返回对象属性分别对应为{省，市，区/县}
（自v1.3 新增）
getBounds(&)
获取当前地图视图范围，获取当前可视区域
getlabelzIndex(&)
获取当前地图标注的显示顺序
getLimitBounds(&)
获取Map的限制区域
getLang(&)
获取底图语言类型
（自v1.3 新增）
getSize(&)
获取地图容器像素大小
getRotation(&)
获取地图顺时针旋转角度
（自v1.3 新增）
getStatus(&)
获取当前地图状态信息，包括是否可鼠标拖拽移动地图、地图是否可缩放、地图是否可旋转（rotateEnable）、是否可双击放大地图、是否可以通过键盘控制地图旋转（keyboardEnable）等
getDefaultCursor(&)
获取地图默认鼠标指针样式
getResolution(point:)
获取指定位置的地图分辨率，单位：米/像素。
参数point有指定值时，返回指定点地图分辨率，point缺省时，默认返回当前地图中心点位置的分辨率
getScale(dpi:Number)
获取当前地图比例尺。其值为当前地图中心点处比例尺值的倒数
setZoom(level:Number)
设置地图显示的缩放级别，在PC上，参数zoom可设范围：[3,18]；在移动端：参数zoom可设范围：[3,19]
setlabelzIndex(index:Number)
设置地图标注显示的顺序
setLayers(layers:Array)
设置地图图层数组，数组为一个或多个图层。当叠加多个图层时，普通二维地图需通过实例化一个TileLayer类实现（自v1.3 新增）
add(overlayers:Array)
添加地图覆盖物数组，数组为一个或多个覆盖物。
remove(overlayers:Array)
删除地图覆盖物数组，数组为一个或多个覆盖物。
getAllOverlays(type)
返回添加的覆盖物对象，可选类型包括marker、circle、polyline、polygon；
Type可缺省，缺省时返回所有覆盖物（marker、circle、polyline、polygon）。
返回结果不包含官方覆盖物等，比如定位marker，周边搜索圆等
setCenter(position:)
设置地图显示的中心点
setZoomAndCenter(zoomLevel:Number,center:)
地图缩放至指定级别并以指定点为地图显示中心点
setCity(city:String，callback:Functon)
按照行政区名称设置地图显示的中心点，行政区名称支持中国、省、市、区/县。建议不要同时使用center/setCenter()和setCity()，如一起使用程序将以setCity()作为最后结果
setBounds(bound:)
指定当前地图显示范围，参数bounds为指定的范围
setLimitBounds(bound:)
设置Map的限制区域，设定区域限制后，传入参数为限制的Bounds。地图仅在区域内可拖拽
clearLimitBounds(&)
清除限制区域
setLang(lang:String)
设置地图语言类型，设置后底图重新加载
（自v1.3 新增）
setRotation(rotation:Number)
设置地图顺时针旋转角度，取值范围 [0-360]（自v1.3 新增）
setStatus(status:Object)
设置当前地图显示状态，包括是否可鼠标拖拽移动地图、地图是否可缩放、地图是否可旋转（rotateEnable）、是否可双击放大地图、是否可以通过键盘控制地图旋转（keyboardEnable）等
setDefaultCursor(cursor:String)
设置鼠标指针默认样式，参数cursor应符合CSS的cursor属性规范。可为CSS标注中的光标样式，如：setCursor(“pointer”)等；或者自定义的光标样式，如：
setCursor("url('/webapi/static/Images//0.png'),pointer")
地图放大一级显示
zoomOut(&)
地图缩小一级显示
panTo(positon:)
地图中心点平移至指定点位置
panBy(x:Number,y:Number)
以像素为单位，沿x方向和y方向移动地图，x向右为正，y向下为正
setFitView(overlayList:Array)
根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别，参数overlayList默认为当前地图上添加的所有覆盖物图层
clearMap(&)
删除地图上所有的覆盖物
destroy(&)
注销地图对象，并清空地图容器
plugin(name:String/Array,callback:Function)
插件加载方法。参数name中指定需要加载的插件类型，同时加载多个插件时，以字符串数组的形式添加。在Callback回调函数中进行地图插件的创建、插件事件的绑定等操作；插件为地图功能的扩展，按需加载；插件写作方法，请参考
addControl(obj:Object)
添加控件。参数可以是插件列表中的任何插件对象，如：ToolBar、OverView、Scale等
removeControl(obj:Object)
移除地图上的指定控件
clearInfoWindow(&)
清除地图上的信息窗体。
pixelToLngLat(pixel:,level:Number)
平面地图像素坐标转换为地图经纬度坐标
lnglatToPixel(lngLat:,level:Number)
地图经纬度坐标转换为平面地图像素坐标
containerToLngLat(pixel:,level:Number)
地图容器像素坐标转为地图经纬度坐标
lngLatToContainer(lnglat:,level:Number)
地图经纬度坐标转为地图容器像素坐标
setMapStyle(style:String)
设置地图显示样式，目前支持normal（默认样式）、dark（深色样式）、light（浅色样式）、fresh(osm风格清新样式)、blue_night
getMapStyle(&)
获取地图显示样式
setFeatures(feature:Array)
设置地图上显示的元素种类，支持bg（地图背景）、point（兴趣点）、road（道路）、building（建筑物）
getFeatures(&)
获取地图显示元素种类
setDefaultLayer(layer:TileLayer)
修改底图图层 （自v1.3 废弃）
地图图块加载完成后触发事件
鼠标左键单击事件
鼠标左键双击事件
地图平移时触发事件
hotspotclick
{type,lnglat,name,id}
鼠标点击热点时触发（自v1.3 新增）
hotspotover
{type,lnglat,name,id}
鼠标滑过热点时触发（自v1.3 新增）
hotspotout
{type,lnglat,name,id}
鼠标移出热点时触发（自v1.3 新增）
地图平移开始时触发
地图移动结束后触发，包括平移和缩放。如地图有拖拽缓动效果，则在缓动结束后触发
zoomchange
地图缩放级别更改后触发
缩放开始时触发
缩放停止时触发
鼠标在地图上移动时触发
mousewheel
鼠标滚轮开始缩放地图时触发
鼠标移入地图容器内时触发
鼠标移出地图容器时触发
鼠标在地图上单击抬起时触发
鼠标在地图上单击按下时触发
rightclick
鼠标右键单击事件
开始拖拽地图时触发
拖拽地图过程中触发
停止拖拽地图时触发。如地图有拖拽缓动效果，则在拽停止，缓动开始前触发
地图容器大小改变事件
touchstart
触摸开始时触发事件，仅适用移动设备
触摸移动进行中时触发事件，仅适用移动设备
触摸结束时触发事件，仅适用移动设备
二维地图显示视口，用于定义二维地图静态显示属性，如地图缩放级别“zoom”、地图中心点“center”等。
构造函数说明
AMap.View2D(opt:)
构造一个二维地图显示视口对象，opts二维地图视口对象初始化属性，详见View2Doptions
View2DOptions
地图中心点坐标值
地图顺时针旋转角度，取值范围 [0-360]，默认值：0
地图显示的缩放级别。若center与zoom未赋值，地图初始化默认显示用户所在城市范围
地图显示的参考坐标系，取值：
'EPSG3857'
'EPSG3395'
'EPSG4326'
默认值：'EPSG3857'
(C) 2002- 版权所有 | 京ICP证070711号
感谢您的反馈
通过该反馈，您可以将对高德开放平台产品和文档的意见和建议发送给我们。如需咨询产品使用问题或获取技术支持，请访问帮助与支持
包含屏幕截图
请选择您要反馈的类型
JavaScript API}