高德LBS开放平台地址    http://lbs.amap.com/api/javascript-api/guide/create-map/mapstye

概述->示例中心Demo体验->开发指南->参考手册

1.概述:JS-API功能介绍

2.示例中心:Demos

3.开发指南:可以快速找到使用方法

4.参考手册:全方面了解API,深入使用JS-API

开发体验:

引入JS-API的外部脚本

tips:最好放在dom底部,先渲染DOM树,再加载脚本,可以提高视觉体验

Map类:

1.设置城市(setCity)

2.获取城市的中心点(getCenter)

3.设置缩放级别(setZoom)&获取当前级别(getZoom)

4.地图放大(zoomIn)&缩小(zoomOut)

5.加载一个插件(plugin)

6.监听地图事件(dragend)

插件的使用

【参考手册-工具类】

document.getElementById("ZoomIn").onclick=function(){
map.zoomIn();
}
document.getElementById("ZoomOut").onclick=function(){
map.zoomOut();
}
//监听事件
//AMap.event.addListener(map,'dragend',function(){
//alert("你拽我啦!其实我不生气");
//});
//比例尺
map.plugin(['AMap.Scale'],function(){
var scale=new AMap.Scale();
map.addControl(scale);
});
//可切换街景及路况
map.plugin(['AMap.MapType'],function(){
var type=new AMap.MapType();
map.addControl(type);
});
//鹰眼
map.plugin(['AMap.OverView'],function(){
var view=new AMap.OverView();
overview.open();
map.addControl(view);
});
//工具箱
map.plugin(['AMap.ToolBar'],function(){
var bar=new AMap.ToolBar();
map.addControl(bar);
});

//面积量算
map.plugin(['AMap.MouseTool'],function(){
var tool=new AMap.MouseTool(map);
//map.addControl(tool);
tool.measureArea();
});
//距离量算
map.plugin(['AMap.RangingTool'],function(){
var rang=new AMap.RangingTool(map);
// map.addControl(tool);
rang.turnOn();
});

地图覆盖物:

【参考手册-覆盖物】

点标记:Marker

折线:Polyline

多边形:Polygon

圆:Circle

图片覆盖物:GroundImage

信息窗体:InfoWindow

最新文章

  1. tp框架支付宝手机网页支付
  2. STM32学习笔记(三) STM32的GPIO的深入学习
  3. Spark on Yarn年度知识整理
  4. C# 截取带路径的文件名字,扩展名,等等 的几种方法
  5. redis 实时从mysql 更新数据
  6. ubuntu 12.04英文版设置成中文版
  7. C#项目开发实践前言
  8. L3-002. 堆栈
  9. Tomcat session集群
  10. tp系统常量定义
  11. android官方技术文档翻译——工具属性
  12. 使用CompletableFuture优化你的代码执行效率
  13. jxl应用事例
  14. 7.24-Codeforces Round #494 (Div. 3)
  15. AspxCallback和AspxCallbcakPanel区别
  16. Oracle 未能加载文件或程序集Oracle.DataAccess
  17. 善用Intellij插件可大幅提升我们的效率
  18. centos docker compose安装
  19. 24-filter-拦截器
  20. Divisibility by 25 CodeForces - 988E(模拟)

热门文章

  1. mysql插入一万条数据
  2. BEC listen and translation exercise 6
  3. pthread_cond_wait() 前使用 while 讲解
  4. POJ - 3150 :Cellular Automaton(特殊的矩阵,降维优化)
  5. Redis底层探秘(六):对象多态及回收
  6. ACM学习历程—HDU5696 区间的价值(分治 && RMQ && 线段树 && 动态规划)
  7. centos7 安装 mysql-python时 报错 EnvironmentError: mysql_config not found
  8. MQTT事件回调流程
  9. SVN 命令使用-***
  10. POJ2536(二分图最大匹配)